/* 首页 */
.index-carousel img {
  display: block;
  width: 100%;
  height: 2rem;
}

.index-head-block {
  width: 100%;
  position: absolute;
  z-index: 11;
  color: #fff;
  line-height: 1;
  padding: .065rem .1rem;
}

.index-user-avater {
  display: block;
  width: .3rem;
  height: .3rem;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin-right: .065rem;
}

.index-user-role {
  padding-top: .015rem;
  font-size: .1rem;
  font-weight: bold;
  line-height: 1;
}

.index-user-name {
  margin-top: .04rem;
  font-size: .12rem;
  font-weight: 400;
  line-height: 1;
}

.to-edit-menu {
  padding-right: .025rem;
}

.to-edit-menu .icon {
  width: .16rem;
  height: .16rem;
  background: url("../img/icon/menu-eidt.png") center no-repeat;
  background-size: .16rem auto;
}

.to-edit-menu .txt {
  font-size: .1rem;
  margin-top: .02rem;
}

.index-menu-block {
  background-color: #fff;
}

.index-menu-l {
  overflow: auto;
  padding: .16rem 0;
  margin: 0 1.3333%;
}

.index-menu-l.ipu-fn-bd-b:after {
  background-color: #ebebeb;
}

.index-menu-l .menu-item {
  float: left;
  margin: 0 2.91%;
  width: 19.178%;
}

.index-menu-l .menu-item-name {
  text-align: center;
  font-size: .13rem;
  font-weight: bold;
  color: #333333;
  line-height: 1;
}

.index-menu-l .menu-item-icon {
  display: block;
  border-radius: .075rem;
  height: .45rem;
  width: .45rem;
  margin: 0 auto .08rem;
  color: #fff;
  text-align: center;
  line-height: .45rem;
  font-size: .3rem;
}

.index-menu-s {
  margin: 0 .06rem;
  overflow: auto;
}

.index-menu-s .menu-item {
  padding: .1rem 0 .175rem;
  width: 20%;
  float: left;
  text-align: center;
}

.index-menu-s .menu-item-icon {
  font-size: .3rem;
  line-height: .35rem;
}

.index-menu-s .menu-item-name {
  margin-top: .02rem;
  font-size: .12rem;
  font-weight: 500;
  color: #585858;
}

.index-notice-block {
  padding: 0 .18rem 0 .18rem;
  margin-top: .1rem;
  background-color: #fff;
}

.index-notice-search {
  background: #F5F5F5;
  border: 1px solid #EBEBEB;
  border-radius: .16rem;
  margin-bottom: .175rem;
}

.index-notice-search .search-icon {
  width: .16rem;
  height: .16rem;
  margin-left: .095rem;
  margin-right: -.03rem;
  background: url("../img/notice-search-logo.png") center no-repeat;
  background-size: .15rem auto;
}

.index-notice-search .search-input {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;

  font-size: .12rem;
  font-weight: 500;
  color: #666;
  line-height: .2rem;
  padding: .05rem .1rem;
  border-right: .21rem;
}

.index-notice-search .search-input::placeholder {
  color: #999;
}

.index-notice-list {
  overflow: hidden;
}

.index-notice-list li {
  position: relative;
  padding-left: .12rem;
  overflow: hidden;
  margin-bottom: .2rem;
}

.index-notice-list li:before {
  content: "";
  left: 0;
  position: absolute;
  width: .05rem;
  top: 0;
  bottom: 0;
  background-color: #1D9AE4;
  border-radius: .025rem;
}

.index-notice-list .notice-title {
  font-size: .13rem;
  font-weight: 500;
  color: #333333;
  line-height: 1;
}

.index-notice-list .notice-tag-item {
  font-size: .12rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .135rem;
  border-radius: .025rem;
  background-color: #919191;
  padding: 0 .025rem;
}

.index-notice-list .notice-date {
  font-size: .12rem;
  font-weight: 500;
  color: #aaa;
}

.index-notice-list .notice-info {
  margin-top: .065rem;
}

.index-notice-title {
  font-size: .15rem;
  font-weight: bold;
  color: #333333;
  padding: .15rem 0;
  line-height: 1;
}

.to-notice-list {
  width: .14rem;
  height: .14rem;
  background: url("../img/icon/arrow-right.png") center no-repeat;
  background-size: .07rem auto;
}

.ipu-navbar-item .nav-icon {
  display: block;
  margin: 0 auto;
  width: .2rem;
  height: .2rem;
  background: url("../img/icon/nav-index.png") center no-repeat;
  background-size: .2rem auto;
}

.ipu-navbar-item.ipu-current .nav-icon {
  background-image: url("../img/icon/nav-index-active.png");
}

.navbar-item-menu .nav-icon {
  background-image: url("../img/icon/nav-menu.png");
}

.navbar-item-menu.ipu-current .nav-icon {
  background-image: url("../img/icon/nav-menu-active.png");
}

.navbar-item-my .nav-icon {
  background-image: url("../img/icon/nav-my.png");
}

.navbar-item-my.ipu-current .nav-icon {
  background-image: url("../img/icon/nav-my-active.png");
}

.category-menu-head {
  font-size: .15rem;
  font-weight: bold;
  color: #222222;
  line-height: 1;
  padding: 0 .15rem .08rem;
}

.category-menu-list {
  overflow: auto;
}

.category-menu-list .menu-item {
  position: relative;
  padding: .1rem;
  float: left;
  width: 25%;
}

.category-menu-list .menu-item-name {
  margin-top: .08rem;
  text-align: center;
  font-size: .12rem;
  font-weight: 400;
  color: #222222;
  line-height: 1;
}

.category-menu-list .menu-item-icon {
  display: block;
  font-size: .24rem;
  height: .32rem;
  overflow: hidden;
  width: .32rem;
  text-align: center;
  margin: 0 auto;
  line-height: .33rem;

}

.category-menu-block {
  margin-top: .24rem;
}

.menu-edit-dialog {
  height: 66%;
  background-color: #fff;
  border-radius: .15rem .15rem 0 0;
  border: 1px solid #ccc;
}

.menu-edit-dialog .dialog-head {
  text-align: center;
  position: relative;
  font-size: .15rem;
  font-weight: 500;
  color: #000000;
  line-height: .42rem;
}

.menu-edit-dialog .dialog-head .dialog-close {
  position: absolute;
  right: 0;
  top: 0;
  width: .4rem;
  height: .4rem;
}

.category-menu-list .menu-item.slt::before {
  content: "";
  position: absolute;
  width: .24rem;
  height: .24rem;
  background: url("../img/icon/menu-slt.png") center center no-repeat;
  background-size: .24rem auto;
  left: 50%;
  top: 38%;
}

.state-menu-edit .index-menu-s .menu-item-icon {
  position: relative;
}

.state-menu-edit .index-menu-s .menu-item-icon:after {
  content: "编辑";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: .12rem;
  font-weight: 500;
  line-height: .35rem;
  text-align: center;
}

.state-menu-edit .to-edit-menu-edit,
.to-edit-menu-save {
  display: none;
}

.state-menu-edit .to-edit-menu-save {
  display: block;
}

.index-menu-l-img .menu-item-icon {
  background: url("../img/icon/menu-crm.png") center center no-repeat;
  background-size: 100% auto;
}

.index-menu-l-img .menu-item-xg .menu-item-icon {
  background-image: url("../img/icon/menu-xg.png");
}

.index-menu-l-img .menu-item-esop .menu-item-icon {
  background-image: url("../img/icon/menu-esop.png");
}

.index-menu-l-img .menu-item-zsyyt .menu-item-icon {
  background-image: url("../img/icon/menu-zsyyt.png");
}

.pages-my-userinfo .my-user-avater {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  margin-right: .165rem;
}

.pages-my .ipu-toolbar {
  background-color: transparent;
}

.pages-my .ipu-toolbar-title {
  color: #fff;
}

.pages-my-head {
  height: 1.675rem;
  background: url("../img/bg-my.png") center no-repeat;
  background-size: 100% 1.675rem;
  color: #fff;
  line-height: 1;
}

.pages-my-userinfo {
  padding: .2rem .15rem 0;
}

.my-user-name {
  font-size: .22rem;
  font-weight: 500;
}

.my-user-no {
  margin-top: .12rem;
  font-size: .12rem;
  font-weight: 400;
}

.my-user-role {
  font-size: .15rem;
  margin-left: .055rem;
}

.btn-my-logout-wrap {
  margin: .15rem;
}

.btn-my-logout {
  -webkit-appearance: none;
  width: 100%;
  display: block;
  background-color: #E0F3FF;
  color: #1D9AE4;
  text-align: center;
  font-size: .16rem;
  font-weight: 400;
  line-height: .44rem;
  border: 1px solid #1D9AE4;
  border-radius: .05rem;
}

.my-action-list {
  margin-top: .1rem;
}

.my-action-list .action-icon {
  width: .18rem;
  height: .18rem;
  background: url("../img/icon/my-suggest.png") center center no-repeat;
  background-size: .18rem;
}

.my-action-list .action-item-about .action-icon {
  background-image: url("../img/icon/my-about.png");
}

.my-action-list .action-item-face-login .action-icon {
  background-image: url("../img/icon/my-face-login.png");
}

.my-action-list .action-item-device .action-icon {
  background-image: url("../img/icon/my-device.png");
}

.my-action-list .ipu-list-item-media {
  margin-right: .2rem;
}

.my-action-list .ipu-list-item-title {
  font-size: .16rem;
  font-weight: 400;
  color: #333333;
  line-height: .22rem;
}

.my-action-list .ipu-list-item {
  min-height: .55rem;
  padding-left: .2rem;
}

.my-action-list .ipu-list-item-link:after {
  width: .06rem;
  background: url("../img/icon/arrow-right.png") left center no-repeat;
  background-size: .06rem auto;
  right: .15rem;
}

.my-action-list.ipu-list > ul > li:last-child:after,
.my-action-list.ipu-list > ul > li:not(:last-child) .ipu-list-item-inner:after {
  content: none;
}

.welcome-img {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

.welcome-img {
  background: url("../img/bg-welcome.png") center center no-repeat;
  background-size: cover;
}

.bottom-img {
  position: absolute;
  left: 50%;
  margin-left: -.375rem;
  bottom: 4%;
  width: .75rem;
  height: .23611rem;
  background: url("../img/bottom-img.png") center no-repeat;
  background-size: 100% auto;
}

.logo-img {
  position: absolute;
  left: 50%;
  margin-left: -.5275rem;
  bottom: 15.416%;
  width: 1.055rem;
  height: 1.163rem;
  background: url("../img/logo-img.png") center no-repeat;
  background-size: 100% auto;
}

.center-img {
  position: absolute;
  left: 0;
  top: 9%;
  width: 100%;
  height: 57.7%;
  background: url("../img/center-img.png") center no-repeat;
  background-size: contain;
}

.welcome-auth-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, .4);
}

.dailog-login-block,
.phoneno-switch-block,
.phoneno-warn-block {
  position: absolute;
  left: 50%;
  top: 45%;
  width: 76%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: .07rem;
}

.phoneno-switch-block {
  display: none;
}

.phoneno-warn-block .warn-icon {
  width: .42rem;
  height: .42rem;
  display: block;
  margin: .25rem auto 0;
  background: url("../img/icon/warn.png") center no-repeat;
  background-size: 100% auto;
}

.phoneno-warn-block .warn-message {
  margin: .14rem .375rem;
  font-size: .14rem;
  font-weight: 500;
  color: #666666;
  line-height: .21rem;
  text-indent: .2rem;
}

.welcome-auth-buttons {
  margin: 0 .32rem .2rem;
}

.welcome-auth-buttons .btn {
  display: block;
  -webkit-appearance: none;
  width: 100%;
  line-height: .33rem;
  background: #FFFFFF;
  border: .01rem solid #47B5ED;
  border-radius: .175rem;
  font-size: .14rem;
  font-weight: bold;
  color: #47B5ED;
  text-align: center;
}

.welcome-auth-buttons .btn-wrap + .btn-wrap {
  margin-left: .31rem;
}

.phone-input-btn.btn,
.welcome-auth-buttons .btn-wrap + .btn-wrap .btn {
  color: #fff;
  background-color: #47B5ED;
}

.welcome-auth-buttons .btn.phone-input-btn {
  width: 40%;
  margin: 0 auto;
}

.phoneno-switch-title {
  font-size: .14rem;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  text-align: center;
  padding: .22rem;
}

.phoneno-list {
  padding-bottom: .23rem;
}

.phoneno-list .phoneno-item {
  padding: .125rem 0;
  font-size: .12rem;
  font-weight: 500;
  color: #999999;
  line-height: .16rem;
}

.phoneno-list .phoneno-text {
  color: #333;
}

.phoneno-item .ipu-radio input {
  width: .16rem;
  height: .16rem;
  margin-right: .11rem;
}

.dailog-login-title {
  padding-top: .21rem;
  text-align: center;
  font-size: .14rem;
  font-weight: bold;
  color: #333333;
  line-height: 1;
}

.dialog-login-input-row {
  margin: .12rem .31rem;
  height: .35rem;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: .03rem;
  line-height: .33rem;
}

.dialog-login-input {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
  padding: 0 .1rem;
  font-size: .12rem;
  font-weight: 500;
  color: #333;
}

.dialog-login-input::-webkit-input-placeholder {
  color: #999;
}

.dialog-send-code {
  font-size: .1rem;
  font-weight: 500;
  color: #47B5ED;
  padding: 0 .1rem;
}

.dialog-login-input-rows {
  padding: .03rem .08rem;
}

.dialog-send-code.time {
  color: #999;
}

.devices-bind-tips {
  padding: .15rem;
  font-size: .12rem;
  font-weight: 500;
  color: #999;
  line-height: .19rem;
}

.devices-bind-tips .strong {
  color: #EB5920;
}

.device-block .device-title {
  padding: .165rem .19rem .14rem;
  font-size: .15rem;
  font-weight: bold;
  color: #333;
  line-height: .22rem;
}

li.swipe-actions-wrapper {
  width: auto;
}

.swipe-action-item {
  text-align: center;
  width: .6rem;
  line-height: .44rem;
  font-size: .13rem;
  font-weight: 500;
  color: #fff;
  background-color: #E56659;
}

.device-list .device-name {
  font-size: .13rem;
  font-weight: 500;
  color: #222222;
  line-height: .22rem;
}

.device-list .device-last-date {
  font-size: .13rem;
  font-weight: 500;
  color: #333;
  line-height: .22rem;
}

.device-list .ipu-list-item-inner {
  margin: 0;
}

.device-list .ipu-list-item {
  padding-left: .15rem;
}

.device-block-other .device-title {
  padding-top: .23rem;
  padding-bottom: .14rem;
}

.delete-confirm-dialog {
  background-color: #fff;
  width: 3.225rem;
  border-radius: .15rem;
  margin-left: -1.6125rem;
}

.delete-confirm-dialog .dialog-title {
  text-align: left;
  padding: .425rem .31rem .22rem;
  font-size: .15rem;
  font-weight: 500;
  color: #000;
}

.confirm-btns .btn {
  border-radius: .05rem;
}

.dialog-close {
  position: absolute;
  right: 0;
  top: 0;
  width: .4rem;
  height: .4rem;
  background: url("../img/icon/close.png") center no-repeat;
  background-size: .13rem auto;
}

.confirm-btns .btn-wrap + .btn-wrap .btn {
  background: linear-gradient(90deg, #45BFFF, #1D9AE4);
}
.menu-item-icon.menu-empty {
  width: .3rem;
  height: .3rem;
  display: inline-block;
}
.category-menu-list .menu-item.current::before {
  content: "";
  position: absolute;
  width: .24rem;
  height: .24rem;
  background: url("../img/icon/menu-current.png") center center no-repeat;
  background-size: .24rem auto;
  left: 50%;
  top: 38%;
}