*{
  margin: 0;
  padding: 0;
  list-style: none;
}
input,select{
  outline: none;
}
body{
  background-color: #f4f3f8;
}
/**微信设置字体很大 - 导致公众号页面布局错乱的解决方案**/
body{
  -webkit-text-size-adjust: 100% ;
}
html{font-size:8px}
@media screen and (min-width:1px) and (max-width:320px){html{font-size:10px}
  #oDiv1{
      width: 260px !important;
      line-height: 30px;
      overflow: hidden;
      background-color: #fff;
  }
  .myOrder_notData{
    width: 100%;
    text-align: center;
    line-height: 50px;
    color: #141414;
    margin-bottom: 20px;
    font-size: 14px;

  }
  .cash_num ul li label{
    font-size: 12px;
    line-height: 25px;
  }
  .index_confirm a{
    margin-top: 0 !important;
  }

  .bulkOrder_money{
    font-size: 16px;
  }
  .orderDetails_list ul li span{
    font-size: 14px;
  }
  .orderDetails_list ul li font{
    font-size: 13px;
  }
  .index_content_title span{
    font-size: 12px;
  }
  .index_confirm a{
    font-size: 12px;
  }
  .index_confirm font{
    font-size: 12px;
  }
  .index_confirm span{
    font-size: 12px;
  }
  .index_confirm dd{
    width: 16px !important;
    height: 16px !important;
  }
  .index_confirm dd.active{
    width: 16px !important;
    height: 16px !important;
  }
  .setList{
    font-size: 14px;
  } 
  .alipay_title{
    font-size: 14px;
  }
  .account_userMsg{
    font-size: 12px;
  }
  .accountList_all ul li p{
    font-size: 12px;
  }
  .accountOrder li{
    font-size: 14px;
  }
  
  .cash_headerRound{
    width: 120px !important;
    height: 120px !important;
  }

  .cash_headerRoundSmall{
    width: 100px !important;
    height: 100px !important;
  }

  .cash_headerRoundSmall strong {
    float: left;
    width: 100%;
    margin-top: 30px !important;
    font-size: 12px;
  }

  .cash_headerRoundSmall span{
    font-size: 12px;
  }


}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:10px}
#oDiv1{
      width: 315px !important;
      line-height: 30px;
      overflow: hidden;
      background-color: #fff;
  }
  .myOrder_notData{
      width: 100%;
      text-align: center;
      line-height: 50px;
      color: #141414;
      margin-bottom: 20px;
      font-size: 14px;
    }
  .bulkOrder_money{
    font-size: 18px;
  }
  .orderDetails_list ul li span{
    font-size: 15px;
  }
  .orderDetails_list ul li font{
    font-size: 14px;
  }
  .index_content_title span{
    font-size: 14px;
  }
  .setList{
    font-size: 16px;
  }
  .account_userMsg{
    font-size: 14px;
  }
  .accountList_all ul li p{
    font-size: 12px;
  }
  .cash_headerRound{
    width: 130px !important;
    height: 130px !important;
  }

  .cash_headerRoundSmall{
    width: 110px !important;
    height: 110px !important;
  }

  .cash_headerRoundSmall strong {
    float: left;
    width: 100%;
    margin-top: 30px !important;
    font-size: 14px;
  }

  .cash_headerRoundSmall span{
    font-size: 14px;
  }



}
@media screen and (min-width:376px) and (max-width:414px){
  html{
    font-size:11px
  }
  #oDiv1{
      width: 350px !important;
      line-height: 30px;
      overflow: hidden;
      background-color: #fff;
  }
  .myOrder_notData{
    width: 100%;
    text-align: center;
    line-height: 50px;
    color: #141414;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .bulkOrder_money{
    font-size: 20px;
  }
  .index_confirm dd.active{
    margin-top: 4px;
  }
  .index_confirm a{
    margin-top: 4px !important;
  }
  .accountList_all ul li p{
    font-size: 14px;
  }
  .accountOrder li{
    font-size: 16px;
  }
  .cash_headerRoundSmall strong {
    float: left;
    width: 100%;
    margin-top: 40px !important;
    font-size: 16px;
  }

  .cash_headerRoundSmall span{
    font-size: 16px;
  }
}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:14px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:14px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}


a{
  color: #6c6b70;
}
ul,p,h1,h2,h3,h4,h5{
  margin:0;
  padding:0;
}
button,textarea{
  outline: none;
}

.componentFooter{
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  /*height: 64px;*/
  height: 53px;
  border-top: 1px solid #d1d1d1;
  background-color: #fff;
  z-index: 999;
}

.componentFooter ul{
  display: flex;
/*  height: 64px;*/
  height: 53px;
}

.componentFooter ul li{
  width: 25%;
  text-align: center;
  font-size: 14px;
}
.componentFooter ul li img{
/*  width: 26px;
  height: 26px;*/
  width: 20px;
  height: 20px;
  /*margin:6px 0;*/
  margin-top: 6px;
}
.componentFooter ul li span{
  display: block;
}

.componentFooter ul li.active{
  color: #5bb7f8;
}

.componentFooter ul li.active a{
  color: #5bb7f8;
}
.index_content{
  float: left;
  width: 100%;
  margin-bottom: 75px;
}

.notDataImg{
  width: 100%;
  text-align: center;
  margin-top: 20%;
}

.notDataImg img{
  width: 35%;
}

.notDataImg span{
  display: inherit;
  margin-top: 30px;
  color: #999999;
}

.am-modal-bd{
  background:rgba(0,0,0,.8);
  color: #fff;
  padding:5px 15px;
}

.contentMask{
  width: 100%;
  height: 100%;
  position: fixed;
  background:rgba(0,0,0,.6);
}

.contentMask .content{
  position: absolute;
  padding:5px 10px;
  width: 200px;
  background-color:#000;
  color: #333;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -20px;
  border-radius: 3px;
  text-align: center;
}

    
.ui-poptips {
    width: 100%;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 10000;

}

.ui-poptips .ui-poptips-cnt {
    margin: 0 auto;
    padding: 5px 12px;
    background-color: rgba(0,0,0,.6);
    line-height: 20px;
    color: #fff;
    width: 200px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

.ui-poptips-success i:before {
    background-position: -25px -50px
}