/* Master Styles */
*{
  margin: 0;padding: 0; font-family: tahoma,arial,"微软雅黑","Hiragino Sans GB",sans-serif
}

.clear{clear: both;display: block;}
.html{background: #f5f5f5;}

/* start 矩阵列表分类视图 */
ul,ul li{list-style: none;}img{border: none;}
a,a:hover{text-decoration: none;}
input[type=button], input[type=submit],
input[type=file], button {cursor: pointer; -webkit-appearance: none;}
.clear{clear: both;display: block;}
.iDiv{width: 100%;height: 100%; position:fixed;top:0;left:0;z-index:9990;background: #333333; opacity: 0.5; display: none;}
/* end 矩阵列表分类 */

h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}
h2, h3 {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
}
body{
    margin: 0 auto;
    display: block;
    background-color: #FFFFFF;
}
input[text], button {
  color: #888;
  font-family: Cambria, Georgia;
}
ul , li {
  margin: 0;
  padding: 0;
  list-style:  none;
}
.main{
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.head {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*height: 2.5rem;*/
  /*line-height: 2.5rem;*/
  /*padding-left: 1rem;*/
  width:100%;
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #FF80B6;
  color: #FFFFFF;
}
.content {
  /*position: absolute;*/
  /*top: 2.5rem;*/
  /*bottom: 0rem;*/
  /*left:0;*/
  /*right: 0;*/
}
.content .nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5rem;
  background-color: #efefef;
}
.content .list {
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
  bottom : 0;
  background-color: #fefefe;
  overflow: hidden;
}
.content .list ul li {
  position: relative;
  height: 2.8rem;
  border-bottom: 1px solid #cccccc;
}
.content .list ul li .icon {
  position: absolute;
  left: 1.2rem;
  top: .5rem;
  width: 1.8rem;
  height: 1.8rem;
  top: .5rem;
  background-image:  url('app/app_assets/images/icon_nav_article.png');
  background-size: 1.8rem 1.8rem;
}
.content .list ul li .name {
  position: absolute;
  left: 3.4rem;
  top: .5rem;
  width: 14rem;
  height: 1.8rem;
  line-height: 1.8rem;
}
.bottom {
  position: absolute;
  bottom: 0rem;
  left: 0;
  right: 0;
  padding-left: .3rem;
  padding-right: .3rem;
  box-sizing: border-box;
}
.notice {
  position: absolute;
  top: 2rem;
  bottom: 0rem;
  left: 0rem;;
  right: 0rem;
}
.notice-content {
  position: absolute;
  top: 4.5rem;
  bottom: 0rem;
  left: 1rem;;
  right: 1rem;
}
.notice-section-image {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}
.info__bar {
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 1rem;
  background-color: #FFEDDF;
}
.appointment-info-content {
  position: absolute;
  top: 2.5rem;
  bottom: 0;
  left: 0;
  right: 0;
}
.appointment-info-content .list {
  position: fixed;
  top: 81px;
  bottom: 4rem;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.appointment-info-list {
  left: 0;
  right: 0;
  top: 1rem;
  padding-left: 1rem;
  padding-top: 1rem;
  padding-bottom: .5rem;
}
.appointment-info {
  top: 2.5rem;
  left: 0;
  right: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 1rem;
  background-color: #efefef;
}

.common-btn-area {
  position: absolute;
  width:90%;
  margin: 1.17647059em 15px 0.3em;
}

.check-time .list {
  position: absolute;
  top: .5rem;
  left: 0;
  right: 0;
  bottom : 0;
  background-color: #fefefe;
  overflow: hidden;
}
.check-time__form {
  max-height: 40%;
}
.check-part__form {
  max-height: 40%;
}
.check-time .list ul li {
  position: relative;
  height: 2.8rem;
  border-bottom: 1px solid #cccccc;
}
.check-time .cells {
  margin-top: 0;
  background-color: #FFFFFF;
  line-height: 1.41176471;
  font-size: 17px;
  overflow: hidden;
  position: relative;
}
.check-time .list ul li .icon {
  position: absolute;
  left: 1.2rem;
  top: .5rem;
  width: 1.8rem;
  height: 1.8rem;
  top: .5rem;
  background-image:  url('app/app_assets/images/icon_nav_article.png');
  background-size: 1.8rem 1.8rem;
}
.check-time-form__name {
  position: absolute;
  left: 3.4rem;
  top: .5rem;
  width: 14rem;
  height: 1.8rem;
  line-height: 1.8rem;
}
.check-time-cells__title {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #999999;
  font-size: 14px;
  background-color: #efefef;
}
.check-time-form__icon {
  position: absolute;
  left: 1.2rem;
  top: .5rem;
  width: 1.8rem;
  height: 1.8rem;
  top: .5rem;
  background-image:  url('app/app_assets/images/icon_nav_article.png');
  background-size: 1.8rem 1.8rem;
}
.check-time-date__title {
  position: absolute;
  left: 0;
  right: 0;
  top: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #999999;
  font-size: 14px;
  background-color: #efefef;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.check-date__grid {
  position: absolute;
  top: 5rem;
  bottom: 0;
  left: 0;
  right: 0;
}
.check-msg {
  padding-top: 5rem;
  text-align: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.check-msg-align {
  text-align: left;
}
.check-p {
  padding: 3px;
}
.nav-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #4f4f4f;
  padding-left: 1rem;
  color: #ffffff;
}
.top-banner{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #4f4f4f;
  padding-left: 1rem;
  color: #ffffff;
}
.border-bottom {
  border-bottom: 1px solid #E5E5E5;
}
.hairdresser-info-content {
  position: absolute;
  top: 2.5rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 2.17647059em;
  background-color: #ECECEC;
  line-height: 2.41176471;
  font-size: 17px;
  overflow: hidden;
}
.hairdresser-info-content .list {
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
  bottom : 0;
  background-color: #fefefe;
  overflow: hidden;
}
.may-like-nav-bar {
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
  height: 1.5rem;
  line-height: 1.5rem;
}
.may-like-sequence{
  width: 100%;
  height: 60px;
  margin: 0px auto;
}
.may-like-sequence-nav{
  top: .8rem;
  padding-top: 30px;
  padding-bottom: 30px;
  width:100%;
  height: 30px;
  margin: 0px auto;
  position: relative;
  border-bottom: 1px solid #cccccc;
}
.may-like-sequence-ul{
  top: 1rem;
  height: 30px;
  margin: 0px auto;
  padding:0;
  position: relative;
  overflow:hidden;
  list-style-type:none;
}
.may-like-sequence-li{
  padding-left:30px;
  padding-top: 6px;
  padding-bottom: 6px;
  float:left;
  font-size: small;
}
.may-like-content__list {
  position: absolute;
  top: 2.5rem;
  bottom:0;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.drying-order-form {
  position: absolute;
  top: 2.5rem;
  bottom: 0;
  left: 0;
  right: 0;
}
.drying-order-form .list {
  position: absolute;
  top: 2.5rem;
  bottom: 8rem;;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.order-cell_select {
  padding: 0;
  border-bottom: 1px solid #E5E5E5;
}
.order-vcode-btn {
  display: inline-block;
  margin-left: 5px;
  padding: 0 0.6em 0 0.7em;
  border-left: 1px solid #E5E5E5;
  font-size: 14px;
  color: #3CC51F;
}
.order-vcode-btn-disable {
  display: inline-block;
  margin-left: 5px;
  padding: 0 0.6em 0 0.7em;
  border-left: 1px solid #E5E5E5;
  font-size: 14px;
  color: #999999;
}
.order-cells {
  background-color: #FFFFFF;
  line-height: 1.41176471;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}
.drying-order-record-list{
  /*position: absolute;*/
  /*top: 5rem;*/
  /*bottom: 0;*/
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.collections-nav-bar {
  position: absolute;
  top: 0rem;
  left: 0;
  right: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 1rem;
  background-color: #efefef;
}
.ps-toolbar{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
  border-top: 1px solid #42403f;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  height: 44px;
  table-layout: fixed;
}
.ps-document-overlay{
  background: #000;
}
.ps-toolbar-content{
  width: 44px;
  height: 44px;
  margin: 0 auto 0;
  background-image: url('app/app_assets/images/icon_nav_article.png');
  background-repeat: no-repeat;
}
.ps-toolbar-close{
  cursor: pointer;
  display: table-cell;
}
.ps-caption{
  background: #000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
  border-bottom: 1px solid #42403f;
  color: #ffffff;
  font-size: 13px;
  font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
  text-align: center;
}
.ps-caption-conten{
  padding: 13px;
  display: block;
}
.ps-uilayer{
  background: #000;
  cursor: pointer;
}
.ps-picture {
  position: fixed;
  z-index: 5000;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}



/*猜你喜欢模块--主体部分样式请保留--start*/
.main{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

/*头部列表*/
.top_list{
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 3rem;
}

.top_list li{
  width: 21.25%;
  height: 50px;
  line-height: 50px;
  float: left;
  font-size: 14px;
  text-align: center;
  color: #333333;
}

.top_list li.icon{
  width: 15%;
  position: relative;
}

.top_list li.icon:before{
  content: '';
  width: 1px;
  height: 100%;
  background: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
}

.top_list li.icon i{
  font-size: 22px;
}

/*选项卡部分*/
.tab_label{
  width: 22.5%;
  height: 38px;
  line-height: 38px;
  color: #333333;
  text-align: center;
  background: #f7f7f7;
  border-radius: 5px;
  float: left;
  margin: 2% 0 2% 2%;
  position: relative;
  font-size: 14px;
  /*text-overflow: -o-ellipsis-lastline;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.listName{
  width: 100%;
  background: #F7F7F7;
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 9999;
  display: none;
}

.listName li{
  width: 100%;
  height: 38px;
  border-bottom: 1px solid #F2F2F2;

}

.top_list li.font_color{
  color: #bd9d62;
}

/*矩阵布局*/
.matrix_layout{
  clear: both;
  border-top: 1px solid #F2F2F2;
  background: #f7f7f7;
}

.matrix_layout .box{
  width: 48.5%;
  margin: 1% 0 3% 1%;
  float: left;
  background: #ffffff;
}

.matrix_layout .box img{
  width: 100%;
  display: block;
}

.matrix_layout .box p{
  width: 100%;
  margin-top: 2%;
  height: 38px;
  color: #333333;
  padding: 0 2% 3%;
  box-sizing: border-box;
  font-size: 14px;
  /*text-overflow: -o-ellipsis-lastline;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.matrix_layout span{
  width: 50%;
  height: 22px;
  padding: 0 2%;
  box-sizing: border-box;
  float: left;
  display: block;
  font-size: 12px;
  color: #999999;
}

.matrix_layout span.price{
  color: #f73831;
  font-weight: bold;
}

.matrix_layout span.price label{
  font-size: 18px;
}

.matrix_layout span.number{
  line-height: 26px;
  text-align: right;
}

.matrix_layout .box div{
  width: 56%;
  height: 30px;
  line-height: 30px;
  padding: 0 2%;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
  float: left;
}

.matrix_layout .box div img{
  width: 25px;
  height: 25px;
  margin-top: 2.5px;
  float: left;
  display: block;
  border-radius: 25px;
}

.matrix_layout .box div label{
  font-size: 12px;
  text-align: center;
  color: #999999;
}

.matrix_layout .box div.wx_box{
  width: 44%;
  height: 30px;
  line-height: 30px;
  float: left;
  clear: none;
}

.matrix_layout .box .wx_box img.wx{
  width: 12px;
  height: 12px;
  margin-top: 9px;
  display: block;
  float: right;
  text-align: center;
}

/*列表布局*/
.list_layout{
  clear: both;
  border-top: 1px solid #F2F2F2;
  background: #f7f7f7;
  padding-bottom: 2%;
}

.list_layout .box{
  width: 100%;
  padding: 3% 2%;
  background: #FFFFFF;
  margin-bottom: 2%;
  box-sizing: border-box;
}

.list_layout .box img{
  width: 28%;
  border-radius: 2px;
  float: left;
}

.list_layout .box p{
  width: 72%;
  height: 38px;
  float: left;
  font-size: 14px;
  color: #333333;
  padding-left: 2%;
  box-sizing: border-box;
  /*text-overflow: -o-ellipsis-lastline;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.list_layout .box span{
  width: 36%;
  float: left;
  padding-left: 2%;
  font-size: 12px;
  color: #999999;
  box-sizing: border-box;
  display: block;
}

.list_layout .box span.price{
  color: #f73831;
  font-weight: bold;
}

.list_layout .box span.price label{
  font-size: 18px;
}

.list_layout span.number{
  line-height: 26px;
  text-align: right;
}

.list_layout .box div{
  width: 36%;
  height: 24px;
  line-height: 24px;
  padding-left: 2%;
  box-sizing: border-box;
  float: left;
  color: #999999;
  overflow: hidden;
  font-size: 14px;
}

.list_layout .box div img{
  width: 24px;
  height: 24px;
  border-radius: 30px;
}

.list_layout .box .wx_box img{
  width: 15px;
  height: 15px;
  float: right;
  margin-top: 2.5px;
}

@media screen and (min-width:321px) and (max-width:375px){
  .list_layout .box p {
    width: 72%;
    height: 38px;
    float: left;
    font-size: 14px;
    color: #333333;
    padding-left: 2%;
    margin-bottom: 7px;
    box-sizing: border-box;
    /*text-overflow: -o-ellipsis-lastline;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media screen and (min-width:376px) and (max-width:414px) {
  .list_layout .box p {
    width: 72%;
    height: 42px;
    float: left;
    font-size: 16px;
    color: #333333;
    padding-left: 2%;
    margin-bottom: 7px;
    box-sizing: border-box;
    /*text-overflow: -o-ellipsis-lastline;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .list_layout .box span.price label {
    font-size: 20px;
  }

  .list_layout span.number {
    line-height: 32px;
    text-align: right;
  }
}

/*猜你喜欢模块--主体部分样式请保留--end*/


/*loading模块--主体部分样式请保留--start*/
.simplelife-btn_primary{
  background-color: #FC5EA3;
}

.logo{
  width: 80%;
  max-width: 640px;
  margin: 25% auto 10%;
  background: #FFFFFF;
  color: #FF0080;
}

.logo p{
  font-size: 18px;
  text-align: center;
}

.ts{
  display: block;
  text-align: center;
  color: red;
  margin-top: 5px;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
}

.register{
  width: 100%;
  text-align: center;
  color: red;
  display: block;
  margin-top: 10%;
}

/*登录列表*/
.login_list{
  width: 50%;
  height: 25px;
  position: absolute;
  bottom: 42px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.login_list li{
  width: 50%;
  height: 25px;
  line-height: 25px;
  float: left;
  text-align: center;
  color: #000000;
  position: relative;
}

.login_list li:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #000000;
}

.login_list li:last-child::before{
  width: 0;
}

.f_font{
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #C6C5C5;
}

/*loading模块--主体部分样式请保留--end*/


.weui_mask_transparent {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.weui_loading_toast .weui_toast {
  width: 7.6rem;
  min-height: 7.6rem;
}

.weui_toast {
  position: fixed;
  z-index: 1003;
  top: 180px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
}

.weui_loading_toast {
  margin-top: 64%;
  font-size: 14px;
}

.weui_toast_content {
  margin: 15px 0;
  padding-top: 50px;
}

.weui_loading {
  position: absolute;
  width: 0px;
  z-index: 2000000000;
  left: 50%;
  top: 38%;
}
.weui_loading_leaf {
  position: absolute;
  top: -1px;
  opacity: 0.25;
}
.weui_loading_leaf:before {
  content: " ";
  position: absolute;
  width: 8.14px;
  height: 2.08px;
  background: #d1d1d5;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
  border-radius: 1px;
  -webkit-transform-origin: left 50% 0px;
  -ms-transform-origin: left 50% 0px;
  transform-origin: left 50% 0px;
}
.weui_loading_leaf_0 {
  -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
  animation: opacity-60-25-0-12 1.25s linear infinite;
}
.weui_loading_leaf_0:before {
  -webkit-transform: rotate(0deg) translate(7.92px, 0px);
  -ms-transform: rotate(0deg) translate(7.92px, 0px);
  transform: rotate(0deg) translate(7.92px, 0px);
}
.weui_loading_leaf_1 {
  -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
  animation: opacity-60-25-1-12 1.25s linear infinite;
}
.weui_loading_leaf_1:before {
  -webkit-transform: rotate(30deg) translate(7.92px, 0px);
  -ms-transform: rotate(30deg) translate(7.92px, 0px);
  transform: rotate(30deg) translate(7.92px, 0px);
}
.weui_loading_leaf_2 {
  -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
  animation: opacity-60-25-2-12 1.25s linear infinite;
}
.weui_loading_leaf_2:before {
  -webkit-transform: rotate(60deg) translate(7.92px, 0px);
  -ms-transform: rotate(60deg) translate(7.92px, 0px);
  transform: rotate(60deg) translate(7.92px, 0px);
}
.weui_loading_leaf_3 {
  -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
  animation: opacity-60-25-3-12 1.25s linear infinite;
}
.weui_loading_leaf_3:before {
  -webkit-transform: rotate(90deg) translate(7.92px, 0px);
  -ms-transform: rotate(90deg) translate(7.92px, 0px);
  transform: rotate(90deg) translate(7.92px, 0px);
}
.weui_loading_leaf_4 {
  -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
  animation: opacity-60-25-4-12 1.25s linear infinite;
}
.weui_loading_leaf_4:before {
  -webkit-transform: rotate(120deg) translate(7.92px, 0px);
  -ms-transform: rotate(120deg) translate(7.92px, 0px);
  transform: rotate(120deg) translate(7.92px, 0px);
}
.weui_loading_leaf_5 {
  -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
  animation: opacity-60-25-5-12 1.25s linear infinite;
}
.weui_loading_leaf_5:before {
  -webkit-transform: rotate(150deg) translate(7.92px, 0px);
  -ms-transform: rotate(150deg) translate(7.92px, 0px);
  transform: rotate(150deg) translate(7.92px, 0px);
}
.weui_loading_leaf_6 {
  -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
  animation: opacity-60-25-6-12 1.25s linear infinite;
}
.weui_loading_leaf_6:before {
  -webkit-transform: rotate(180deg) translate(7.92px, 0px);
  -ms-transform: rotate(180deg) translate(7.92px, 0px);
  transform: rotate(180deg) translate(7.92px, 0px);
}
.weui_loading_leaf_7 {
  -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
  animation: opacity-60-25-7-12 1.25s linear infinite;
}
.weui_loading_leaf_7:before {
  -webkit-transform: rotate(210deg) translate(7.92px, 0px);
  -ms-transform: rotate(210deg) translate(7.92px, 0px);
  transform: rotate(210deg) translate(7.92px, 0px);
}
.weui_loading_leaf_8 {
  -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
  animation: opacity-60-25-8-12 1.25s linear infinite;
}
.weui_loading_leaf_8:before {
  -webkit-transform: rotate(240deg) translate(7.92px, 0px);
  -ms-transform: rotate(240deg) translate(7.92px, 0px);
  transform: rotate(240deg) translate(7.92px, 0px);
}
.weui_loading_leaf_9 {
  -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
  animation: opacity-60-25-9-12 1.25s linear infinite;
}
.weui_loading_leaf_9:before {
  -webkit-transform: rotate(270deg) translate(7.92px, 0px);
  -ms-transform: rotate(270deg) translate(7.92px, 0px);
  transform: rotate(270deg) translate(7.92px, 0px);
}
.weui_loading_leaf_10 {
  -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
  animation: opacity-60-25-10-12 1.25s linear infinite;
}
.weui_loading_leaf_10:before {
  -webkit-transform: rotate(300deg) translate(7.92px, 0px);
  -ms-transform: rotate(300deg) translate(7.92px, 0px);
  transform: rotate(300deg) translate(7.92px, 0px);
}
.weui_loading_leaf_11 {
  -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
  animation: opacity-60-25-11-12 1.25s linear infinite;
}
.weui_loading_leaf_11:before {
  -webkit-transform: rotate(330deg) translate(7.92px, 0px);
  -ms-transform: rotate(330deg) translate(7.92px, 0px);
  transform: rotate(330deg) translate(7.92px, 0px);
}

@-webkit-keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25;
  }
  0.01% {
    opacity: 0.25;
  }
  0.02% {
    opacity: 1;
  }
  60.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25;
  }
  8.34333% {
    opacity: 0.25;
  }
  8.35333% {
    opacity: 1;
  }
  68.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25;
  }
  16.6767% {
    opacity: 0.25;
  }
  16.6867% {
    opacity: 1;
  }
  76.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25;
  }
  25.01% {
    opacity: 0.25;
  }
  25.02% {
    opacity: 1;
  }
  85.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25;
  }
  33.3433% {
    opacity: 0.25;
  }
  33.3533% {
    opacity: 1;
  }
  93.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333;
  }
  41.6767% {
    opacity: 0.25;
  }
  41.6867% {
    opacity: 1;
  }
  1.67667% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.270958333333333;
  }
}
@-webkit-keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125;
  }
  50.01% {
    opacity: 0.25;
  }
  50.02% {
    opacity: 1;
  }
  10.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.375125;
  }
}
@-webkit-keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667;
  }
  58.3433% {
    opacity: 0.25;
  }
  58.3533% {
    opacity: 1;
  }
  18.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.479291666666667;
  }
}
@-webkit-keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333;
  }
  66.6767% {
    opacity: 0.25;
  }
  66.6867% {
    opacity: 1;
  }
  26.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.583458333333333;
  }
}
@-webkit-keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625;
  }
  75.01% {
    opacity: 0.25;
  }
  75.02% {
    opacity: 1;
  }
  35.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.687625;
  }
}
@-webkit-keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667;
  }
  83.3433% {
    opacity: 0.25;
  }
  83.3533% {
    opacity: 1;
  }
  43.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.791791666666667;
  }
}
@-webkit-keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333;
  }
  91.6767% {
    opacity: 0.25;
  }
  91.6867% {
    opacity: 1;
  }
  51.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.895958333333333;
  }
}