html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, textarea,
article, aside, audio, canvas, command, datalist, details, dialog, embed, figure, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, time, video {
  border: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

a:link, a:visited {
  text-decoration: none; }

a:hover, a:active {
  text-decoration: none; }

a {
  outline: none;
  color: #006DDD; }
textarea{
  resize: none;
}

body, html {
  height: 100%; }

body {
  font-size: 12px;
}

input::-webkit-input-placeholder {}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

input, a,textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none; }

  
html,
body {
  width: 100%;
  color: #000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  font-family: 'bmw-l', 'hanyi';
}
html{
  font-size: 50px;
}
body{  
  font-size: .24rem;
}
img{
  display: block;
  width: 100%;
}
.warp{
  box-sizing: border-box;
}
.home{
  background: url('../images/bg.jpg') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
  padding-bottom: .66rem;
}
.logo{
  width: 4rem;
  margin: 0 auto .27rem;
}
.title{
  width: 5.1rem;
  margin:0 auto .4rem;
}
.ads{
  height: 6.92rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
  margin-bottom: 1rem;
}
.ad{
  height: 2.12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: nowrap;
  width: 4.95rem;
}
.ad .photo{
  width: 1.7rem;
  height: 2.12rem;
}
.ad .photo img{
  width: 100%;
  height: 100%;
}
.ad .arror{
  width: 1.07rem;
}
.ad .left{
  position: relative;
}
.upload-form{
  width: 2.02rem;
  height: 2.02rem;
  position: relative;
}
.upload-img-current{
  border:1px solid #009ea0;
  border-radius: 5px;
  overflow: hidden;
}
.upload-img img{
  width: 2.02rem;
  height: 2.02rem;
}
.addBorder{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 5;
}
.ad .icon-right{
  position: absolute;
  bottom: .14rem;
  right: .14rem;
  width: .4rem;
  z-index: 3;
  display: none;
}
.submit{
  width: 4.18rem;
  margin: 0 auto;
}
.submit img{
  display: none;
}


.ewm-box,
.exchange,
.ad-desc{
  position: fixed;
  top:0;
  left:0;
  z-index: 99;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,.6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.ewm-box .photo{
  border-radius: 3px;
  padding: 2px;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: .32rem;
}
.ewm-box .photo img{
  width: 3.55rem;
  height: 3.55rem;
}
.ewm-box .text{
  width: 3.27rem;
}
.exchange .photo{
  width: 2.46rem;
}
.ad-desc .photo{
  width: 6rem;
  border-radius: 5px;
  overflow: hidden;
}
.tips{
  position: absolute;
  top:.58rem;
  left:-0.7rem;
  width: 3rem;
  height: 3rem;
  background: url('../images/tips.png') no-repeat;
  background-size: 100% 100%;
  z-index: 3;
  /* animation: tips .3s linear forwards 1s; */
}

@keyframes tips {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

/* loadingBox */
.loadingBox{color:#666;text-align: center;padding:.60rem 0;line-height: .60rem;position: fixed;top:0;left:0;z-index:19;height:100%;width: 100%;background: rgba(0,0,0, 0.2);}
.loadingBox .loadingMid{
  position: absolute;top:45%;left:50%;
  padding:.3rem;
  transform: translate(-50%, -50%);
  background-color: #ddd;
  border-radius: 5px;
  min-width: 3rem;
}
.loadImg{
    -webkit-animation:loadRotate 3s infinite linear ;
    -ms-animation:loadRotate 3s infinite linear ;
    animation:loadRotate 3s infinite linear ;
    display: block;margin:0 auto;}
.loadingSmall{ width: 100%;color:#999;text-align: center;line-height: .60rem;}
.loadingSmall .loadingMid{display:inline-block;vertical-align: middle;position:relative;top:-0.04rem;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}
 @-webkit-keyframes loadRotate{
    0%{ -webkit-transform: rotate(0deg)}
    100%{ -webkit-transform: rotate(360deg)}
}
@-ms-keyframes loadRotate{
    0%{ -webkit-transform: rotate(0deg)}
    100%{ -webkit-transform: rotate(360deg)}
}
@-keyframes loadRotate{
    0%{ -webkit-transform: rotate(0deg)}
    100%{ -webkit-transform: rotate(360deg)}
} 
.loadImg{height: 36px;width: 36px;position: relative;margin:0 auto;}
.loadImg i{display: inline-block;width: 3px;height: 9px;background: red;position: absolute;left:0;border-radius: 3px;}
.loadImg i:nth-child(1){top:0;left:17px;background: rgba(102,102,102,.16);}
.loadImg i:nth-child(2){top:2px;left:20px;margin-left: 4px;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);background: rgba(102,102,102,.20);}
.loadImg i:nth-child(3){top:7px;left:25px;margin-left: 4px;-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);background: rgba(102,102,102,.28);}
.loadImg i:nth-child(4){top:13px;left:26px;margin-left: 4px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);background: rgba(102,102,102,.36);}
.loadImg i:nth-child(5){top:21px;left:25px;margin-left: 4px;-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);background: rgba(102,102,102,.44);}
.loadImg i:nth-child(6){top:26px;left:20px;margin-left: 4px;-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg);background: rgba(102,102,102,.52);}
.loadImg i:nth-child(7){bottom:0;left:50%;margin-left: -1px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);background: rgba(102,102,102,.60);}
.loadImg i:nth-child(8){top:26px;left:5px;margin-left: 4px;-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg);background: rgba(102,102,102,.68);}
.loadImg i:nth-child(9){top:20px;left:1px;margin-left: 4px;-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);background: rgba(102,102,102,.76);}
.loadImg i:nth-child(10){top:14px;left:-1px;margin-left: 4px;-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);background: rgba(102,102,102,.84);}
.loadImg i:nth-child(11){top:6px;left:1px;margin-left: 4px;-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);background: rgba(102,102,102,.92);}
.loadImg i:nth-child(12){top:2px;left:6px;margin-left: 4px;-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg);background: rgba(102,102,102,1);}