/*
 *  iphoneX pulic  css
 *  2018-01-01
 */

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){ 

   body{
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
      padding-top: constant(safe-area-inset-top);
      padding-top: env(safe-area-inset-top);
   }
}

// 引入特殊字体
@font-face{
  font-family: 'din';
  src: url('./font/DIN.ttf') format('truetype');
}
.fx-justify-around {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

// 文字超出省略号
.text-dot {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mt-10{margin-top:10px}/*距上10像素*/
.mt-20{margin-top: 20px}

.mb-10{margin-bottom:10px}/*距下10像素*/
.mb-5{margin-bottom:5px}/*距下5像素*/

.ml-10{margin-left:10px}/*距左10像素*/
.ml-20{margin-left: 20px;}

.mr-10{margin-right:10px}/*距右10像素*/
.mr-20{margin-right: 20px;}



// 右侧划入
.slide-right-enter-active{
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform:translateX(0);
  transform:translateX(0);
}
.slide-right-leave-active {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform:translateX(0);
  transform:translateX(0);
}
.slide-right-enter, .slide-right-leave-active {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

// 顶部划入
.slide-top-enter-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform:translateY(0);
  transform:translateY(0);
}
.slide-top-leave-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%);
}
.slide-top-enter, .slide-top-leave {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

// 底部划入
.slide-bottom-enter-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform:translateY(0);
  transform:translateY(0);
}
.slide-bottom-leave-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
}
.slide-bottom-enter, .slide-bottom-leave {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

// 淡入
.fade-enter-active, .fade-leave-active {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.fade-enter, .fade-leave {
  opacity: 0;
}

.elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 1像素矩形边框
// .hairlines{
//     position: relative;
//     border:none;
// }
// .hairlines:after{
//     content: '';
//     position: absolute;
//     top: 0;
//     left: 0;
//     border: 1px solid rgba(224,224,224,1);
//     -webkit-box-sizing: border-box;
//     box-sizing: border-box;
//     width: 200%;
//     height: 200%;
//     -webkit-transform: scale(0.5);
//     transform: scale(0.5);
//     -webkit-transform-origin: left top;
//     transform-origin: left top;
// }
// .hairlines.activty:after{
//     content: '';
//     position: absolute;
//     top: 0;
//     left: 0;
//     border: 1px solid rgba(241,102,34,1);
//     -webkit-box-sizing: border-box;
//     box-sizing: border-box;
//     width: 200%;
//     height: 200%;
//     -webkit-transform: scale(0.5);
//     transform: scale(0.5);
//     -webkit-transform-origin: left top;
//     transform-origin: left top;
// }
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

.flex-1-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-n {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}
.price-font {
  font-family: Arial, Helvetica, sans-serif;
}
/* 行高 */
.lh-16 {
  line-height: 0.16rem;
}
.lh-17 {
  line-height: 0.17rem;
}
.lh-20 {
  line-height: 0.2rem;
}
.lh-22 {
  line-height: 0.22rem;
}
.lh-24 {
  line-height: 0.24rem;
}
.lh-25{
  line-height:0.25rem;
}
.lh-28{
  line-height:0.28rem;
}
.lh-32 {
  line-height: 0.32rem;
}
.c-00{
  color:#000000 !important;
}
.c-21{
  color:#212121 !important;
}
.c-61{
  color:#616161 !important;
}
.f-50{
  font-size:0.5rem !important;
}
.f-22{
  font-size:0.22rem !important;
}
.mb-18{
  margin-bottom:0.18rem;
}
.loading {
  line-height: 3;
  text-align: center;
}
html,body{height:100% !important;}
/*业务共用css*/
[v-cloak] { display: none } /* vue防闪烁 */