/*公共常用样式*/
.flex{display:flex;}
.flex-bet{display:flex;justify-content:space-between;align-items:center;}
.flex-bett{display:flex;justify-content:space-between;}
.flex-aro{display:flex;justify-content:space-around;align-items:center;}
.flex-cen{display:flex;justify-content:center;align-items:center;}
.flex-cen-col{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.flex-jus{display:flex;justify-content:center;}
.flex-ali{display:flex;align-items:center;}
.flex-col{display:flex;flex-direction:column;}
.flex-row{display:flex;flex-direction:row-reverse;}
.flex1{flex:1;}
.clearfix::after,.clearfix::before{display:block;overflow:hidden;height:0;content:"\0020";}
.clearfix,.clearfix::after,clear:both{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.haze{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.7);}
.pof{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;}
.poa{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ell1{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.ell2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ell3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.ell4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.wrap{margin:0 auto;width:1200px;}

/*页面初始样式*/
body,html{width:100%;min-height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}

 /*#app{width: 100%;height:100%;overflow-x: hidden;}  */
/*#app{max-width: 750px;position: relative;margin:0 auto;}*/
body{background:#fff!important;}
.body{background:#fff;}
body img{max-width:100%;}
.container{width:100%;}
[v-cloak]{display:none;}

/*修改mintUI的样式*/
.mint-toast-text{font-size:.12rem!important;}
.mint-msgbox-message{line-height:1.5em!important;}
.mint-popup{width:100%;}
.picker-toolbar{display:flex;justify-content:space-between;}
.picker-toolbar p{padding:0 10px;height:.4rem;color:#333;font-size:.2rem;line-height:.4rem;}
.picker-toolbar p.confirm{color:#166bce;}
.mint-indicator-wrapper,.mint-toast{z-index:99999!important;}
.mint-indicator-wrapper{padding:.4rem .6rem!important;}
.mint-toast-text{font-size:.24rem!important;}
.mint-toast{padding:.2rem!important;}

/*修改swiper的默认样式*/
.swiper-pagination-bullet{background:#fff!important;opacity:1!important;}
.swiper-pagination-bullet-active{background:#3da6ff!important;}

/*修改绿标默认样式*/
#__vconsole .vc-switch{display:flex!important;padding:0!important;width:56px!important;height:56px!important;border-radius:50%!important;background-image:linear-gradient(90deg,#f28f29 0,#027c60 100%);align-items:center!important;justify-content:center!important;}
#__vconsole .vc-switch.special{background-image:linear-gradient(90deg,#f28f29 0,#dd5145 100%);}
.footer{margin-top:20px;height:100px;border-top:1px solid #efefef;display:block;color:#004b9c;font-style:normal;font-size:20px;text-align:center;padding-top:100px;}

/* IOS安全区域 */
/* height: calc(96rpx+ constant(safe-area-inset-bottom));//兼容 IOS<11.2
height: calc(96rpx + env(safe-area-inset-bottom));//兼容 IOS>11.2
padding-bottom: constant(safe-area-inset-bottom);//兼容 IOS<11.2
padding-bottom: env(safe-area-inset-bottom);//兼容 IOS>11.2
先constant再env */

/*特殊字体*/
/* @font-face
  font-family DIN
  src url(../fonts/DINAlternateBold.ttf) */
  
/***************关键帧动画***************/
/*弹窗式--放大缩小淡出*/
.fade-show{animation:fade-show .5s forwards;}
@keyframes fade-show{0%{transform:scale(.1);opacity:0;} 90%{transform:scale(1.1);opacity:1;} 100%{transform:scale(1);opacity:1;}}
.fade-show-close{animation:fade-show-close .5s forwards;}
@keyframes fade-show-close{0%{transform:scale(1);opacity:1;} 50%{transform:scale(1.1);opacity:1;} 100%{transform:scale(.2);opacity:0;}} 
/*弹窗式--旋转放大淡出*/
.rs-fd{animation:rs-fd .5s forwards;}
@keyframes rs-fd { 0%{transform:rotate(20deg) scale(.5);opacity:0;} 100%{transform:rotate(0deg) scale(1);opacity:1;}}
.rs-fd-close{animation:rs-fd-close .5s;}
@keyframes rs-fd-close { 0%{transform:rotate(0) scale(1);opacity:1;} 50%{transform:rotate(20deg) scale(1.1);opacity:1;} 100%{transform:rotate(20deg) scale(.2);opacity:0;} }
/*弹窗式--从下往上淡出*/
.bt-fd{animation:bt-fd .5s forwards;}
@keyframes bt-fd { 0%{transform:translateY(30%);opacity:0;} 100%{transform:translateY(0);opacity:1;} }
.bt-fd-close{animation:bt-fd-close .5s;}
@keyframes bt-fd-close { 0%{transform:translateY(0);opacity:1;} 100%{transform:translateY(30%);opacity:0;} }
/*弹窗式--从上往下淡出*/
.tb-fd{animation:tb-fd .5s forwards;}
@keyframes tb-fd { 0%{transform:translateY(-30%);opacity:0;} 100%{transform:translateY(0);opacity:1;} }
.tb-fd-close{animation:tb-fd-close .5s forwards;}
@keyframes tb-fd-close { 0%{transform:translateY(0);opacity:1;} 100%{transform:translateY(-30%);opacity:0;} }
/*弹窗式--从左往右向淡出*/
.lr-fd{animation:lr-fd .5s;}
@keyframes lr-fd { 0%{transform:translateX(-40%);opacity:0;} 100%{transform:translateX(0);opacity:1;} }
.lr-fd-close{animation:lr-fd-close .5s;}
@keyframes lr-fd-close { 0%{transform:translateX(0);opacity:1;} 100%{transform:translateX(-40%);opacity:0;} }
/*弹窗式--从右往左淡出*/
.rl-fd{animation:rl-fd .5s;}
@keyframes rl-fd { 0%{transform:translateX(40%);opacity:0;} 100%{transform:translateY(0);opacity:1;} }
.rl-fd-close{animation:rl-fd-close .5s;}
@keyframes rl-fd-close { 0%{transform:translateX(0);opacity:1;} 100%{transform:translateX(40%);opacity:0;} }
/*从下往上弹出*/
.bottom-top{animation:bottom-top .3s forwards;}
@keyframes bottom-top { 0%{transform:translateY(100%);} 100%{transform:translateY(0);} }
/*效果式--上下晃动*/
.wobbles{animation:wobbles 2s infinite alternate;}
@keyframes wobbles { 0%{transform:translateY(-20px);} 100%{transform:translateY(20px);} }
/*效果式--放大波浪*/
.scale-wave{animation:scale-wave .5s infinite;}
@keyframes scale-wave { 0%{transform:scale(1);opacity: 1;} 100%{transform:scale(3);opacity: 0;} }