/* BEM命名规范 ：block__element--modifier*/
/* 宽度类 */
.w--p100{
  width:100%;
}
.w--auto{
  width: auto;
}
.w--284{
  width:284px;
}
.w--340{
  width:340px;
}
.w--480{
  width:480px;
}
/* 高度类 */
.h--p100{
  height:100%;
}
.h--auto{
  height:auto;
}
/* padding类 */
.pd--0{
  padding:0px;
}
.pd--5{
  padding:5px;
}
.pd--10{
  padding:10px;
}
.pd--15{
  padding:15px;
}
.pd--20{
  padding:20px;
  box-sizing: border-box;
}
.pl--0{
  padding-left:0px;
}
.pl--5{
  padding-left:5px;
}
.pl--10{
  padding-left:10px;
}
.pl--15{
  padding-left:15px;
}
.pl--20{
  padding-left:20px;
}
.pl--30{
  padding-left:30px;
}
.pr--0{
  padding-right:0px;
}
.pr--5{
  padding-right:5px;
}
.pr--10{
  padding-right:10px;
}
.pr--15{
  padding-right:15px;
}
.pr--20{
  padding-right:20px;
}
.pr--30{
  padding-right:30px;
}
.pt--0{
  padding-top:0px;
}
.pt--5{
  padding-top:5px;
}
.pt--10{
  padding-top:10px;
}
.pt--15{
  padding-top:15px;
}
.pt--20{
  padding-top:20px;
}
.pb--0{
  padding-bottom:0px;
}
.pb--5{
  padding-bottom:5px;
}
.pb--10{
  padding-bottom:10px;
}
.pb--15{
  padding-bottom:15px;
}
.pb--20{
  padding-bottom:20px;
}
/* margin类 */
.mg--auto{
  margin:auto;
}
.mg--0{
  margin:0px;
}
.mg--5{
  margin:5px;
}
.mg--10{
  margin:10px;
}
.mg--15{
  margin:15px;
}
.mg--20{
  margin:20px;
}
.ml--0{
  margin-left:0px;
}
.ml--5{
  margin-left:5px;
}
.ml--10{
  margin-left:10px;
}
.ml--12{
  margin-left:12px;
}
.ml--15{
  margin-left:15px;
}
.ml--20{
  margin-left:20px;
}
.ml--30{
  margin-left:30px;
}
.mr--0{
  margin-right:0px;
}
.mr--5{
  margin-right:5px;
}
.mr--10{
  margin-right:10px;
}
.mr--15{
  margin-right:15px;
}
.mr--20{
  margin-right:20px;
}
.mt--0{
  margin-top:0px;
}
.test-name .mt--5{
  margin-top:5px;
  width: 100%;
  overflow: hidden;
}
.mt--10{
  margin-top:10px;
}
.mt--15{
  margin-top:15px;
}
.mt--20{
  margin-top:20px;
}
.mt--30{
  margin-top:30px;
}
.mt--40{
  margin-top:40px;
}
.mb--0{
  margin-bottom:0px;
}
.mb--5{
  margin-bottom:5px;
}
.mb--10{
  margin-bottom:10px;
}
.mb--15{
  margin-bottom:15px;
}
.mb--20{
  margin-bottom:20px;
}
.mb--25{
  margin-bottom:20px;
}
.mb--30{
  margin-bottom:30px;
}
.mr--50{
  margin-right: 50px;
}
.mr--30{
  margin-right:30px;
}
/* 浮动三件套 */
.clearfix::after{
  content:"";
  display: block;
  clear:both;
}
.float--left{
  float:left;
}
.float--right{
  float:right;
}
/* 弹性盒子 */
.flex{
  display:flex;
}
.flex--col{
  display:flex;
  flex-direction: column;
}
.flex--justify-between{
  display: flex;
  justify-content: space-between;
}
.flex--justify-around{
  display:flex;
  justify-content: space-around;
}
.flex--items-center{
  display: flex;
  align-items: center;
}
/* 行盒 */
.box--inline-block{
  display: inline-block;
}
.box--inline{
  display:inline;
}
.box--block{
  display: block;
}
.box--sizing{
  box-sizing:border-box;
}
/* 定位 */
.relative{
  position:relative;
}
.absolute{
  position:absolute;
}
.fixed{
  position: fixed;
}
/*隐藏*/
.display--none{
  display: none;
}
.opacity--0{
  opacity: 0;
}
.pointer{
  cursor: pointer;
}
.vertical--middle{
  vertical-align: middle;
}
/*文本对齐方式*/
.text--align--left{
  text-align: left;
}
.text--align--right{
  text-align: right;
}
.text--align--center{
  text-align: center;
}
.bold {
  font-weight: bold;
}
.overflow--auto{
  overflow: auto;
}
.overflow--hidden{
    overflow: hidden;
}
html,body,.ieframe{
  height:100%;
  /*background-color: #ffffff;*/
}