html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section { display: block; }
body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
a,a:focus,a:hover { cursor: pointer; color: inherit; text-decoration: none; }
[v-cloak] { display: none; }
div { box-sizing: border-box; }
img { display: block; width: 100%; }
.noselect { pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
html,body { width: 100%; height: 100%; background: #fff; color: #333; font-size: .3rem; overflow: hidden; font-family: 'Source Han Sans', 'Noto Sans CJK SC', sans-serif; }


#app { position: relative; width: 100%; height: 100%; overflow: hidden; max-width: 750px; margin: 0 auto; }
.appbig { position: relative; width: 100%; height: 100%; overflow: hidden;  display: flex; flex-direction: column; }
.zhanbox { height: .75rem; }
.appcon { position: relative; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.zhanshitext { font-size: .4rem; text-align: center; margin-bottom: .3rem; }
.zhanshitext > span:nth-of-type(2) { margin: 0 .2rem; }
.inputitem { position: relative; width: 78%; margin: 0 auto; overflow: hidden; }
.inputitem2 { margin-top: .3rem; }
.inputitem > input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; background: none; outline: none; text-align: center; }
.inputiconimg1 { position: absolute; top: 50%; left: 2%; width: 10.3%; transform: translateY(-50%); }
.inputiconimg2 { position: absolute; top: 50%; right: 5%; width: 2.5%; transform: translateY(-50%); }
.inputchoosebox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.inputchoosebox > p { position: absolute; top: 50%; left: 15%; width: 75%; transform: translateY(-50%); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inputconbox { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: .26rem .3rem .26rem .36rem; border: 1px solid #ccc; border-radius: .38rem; }
/* .inputconbox.inputconbox2 { padding: .26rem .7rem .26rem .36rem; } */
.inputtextbox { width: 50%; word-break: break-all; overflow-wrap: break-word }
.inputtextbox > p { font-size: .34rem; margin-bottom: .2rem; }
.inputimgbox { flex-shrink: 0; display: flex; align-items: flex-end; }
.inputimgbox > p { font-size: .2rem; margin-bottom: .05rem; }
.inputimgbox > div { width: 1rem; margin-left: .1rem; }

.searchbtn { position: relative; width: 66.6%; height: .76rem; background: #ed1b23; line-height: .76rem; text-align: center; color: #fff; border-radius: .38rem; margin: .3rem auto; }
.searchbtn2s { display: flex; justify-content: center; align-items: center; margin: .3rem auto; }
.searchbtn2s > div { width: 37%; height: .76rem; background: #ed1b23; text-align: center; color: #fff; border-radius: .38rem; overflow: hidden; }
.searchbtn2s > div > span { line-height: .76rem; }
.searchbtn2s > div > div { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1.2; }
.searchbtn2s > div > div > p:nth-of-type(2) { font-size: .6em; }
.searchbtn2s > div + div { margin-left: 4%; }

.codeimgbox { width: 34.4%; margin: 0 auto; text-align: center; line-height: 1.2; padding-bottom: .2rem; }
.codeimgbox > p { width: 120%; margin-left: -10%; }


.maskbig { z-index: 50; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
.liuzibig { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-55%); width: 85%; background: #fff; border-radius: .2rem; padding: .48rem .7rem; font-size: .26rem; }
.closebtn { position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); width: .64rem; }
.liuzititle { font-size: .32rem; text-align: center; margin-bottom: .4rem; }
.liuzititle >p:nth-of-type(1) { font-size: .46rem; margin-bottom: .15rem; }
.liuzibtnbox { display: flex; align-items: center; justify-content: center; margin-top: .4rem; }
.liuzibtnbox > div { width: 2.4rem; height: .7rem; border-radius: .35rem; text-align: center; line-height: .7rem; color: #fff; }
.liuzibtnbox > div:nth-of-type(1) { background: #666; }
.liuzibtnbox > div:nth-of-type(2) { background: #da3731; margin-left: .3rem; }
.lzinputitem { display: flex; justify-content: space-between; align-items: center; }
.lzinputitem.lzinputitem2 { align-items: flex-start; }
.lzinputitem + .lzinputitem { margin-top: .4rem; }
.lzinputitem > p { width: 22%; }
.lzinputitem.lzinputitem2 > p { line-height: .62rem; }
.lzinputitem > p > span { color: #da3731; }
.lzinputbox { position: relative; width: 78%; }
.lzinputbox > input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background: none; border: none; outline: none; padding: 0 .2rem; }
.lzinputbox2s { position: relative; width: 78%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.lzinputtext { position: relative; width: 100%; }
.lzinputbox2s .lzinputtext { position: relative; width: 48%; }
.lzinputtext.lzinputtext2 { margin-top: .12rem; }
.placehoderp { color: #ccc; }
.lzinputtext > p { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); padding: 0 .2rem 0 .2rem; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lzinputtextpd { display: flex; align-items: center; }
.quan { position: relative; width: .2rem; height: .2rem; border: 1px solid #333; border-radius: 50%; box-sizing: border-box; margin-right: .1rem; }
.quan::after { content: ' '; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #333; width: 50%; height: 50%; border-radius: 50%; }
.lzinputtextact .quan { border-color: #333; }
.placehoderp .quan { border-color: #eee; }
.placehoderp .quan::after { display: none; }
.xuanzeimg { position: absolute; top: 50%; right: .1rem; width: .16rem; transform: translateY(-50%); }

.lzinputbox3s { position: relative; width: 70%; display: flex; align-items: center; justify-content: space-between; }
.lzinputbox3s > div:nth-of-type(1) { width: 31.5%; }
.lzinputbox3s > div:nth-of-type(2) { width: 65%; }
.lzinputbox3s > div { position: relative; }
/* .lzinputbox3s > div > input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background: none; border: none; outline: none; padding: 0 .1rem; } */

.liuzibig2 { padding: .48rem; }
.liuzibig2 .lzinputitem > p { width: 30%; display: flex; align-items: center; }
.liuzibig2 .lzinputbox { width: 70%; }
.liuzibig2 .lzinputbox2s { width: 70%; }



.swiperconbig .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiperconbig .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }
.swiperconbig2s .swiper-pagination-bullet { width: .12rem; height: .12rem; background: #fff; opacity: 0.4; }
.swiperconbig2s .swiper-pagination-bullet-active { background: #fff; opacity: 1; }


.copybox { -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.copyboxno { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.masktip { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100; background: rgba(0,0,0,0.9); color: #fff; font-size: 0.26rem; padding: 0.2rem 0.4rem; border-radius: 0.04rem; line-height: 0.4rem; box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.4); }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; animation-duration: 0.2s; animation-timing-function: linear; }

.fade-enter-active, .fade-leave-active {
  transition: opacity .3s ease;
}
.fade-enter, .fade-leave-active {
  opacity: 0
}

input::-webkit-input-placeholder { color: #ccc; font-size: inherit; }
input:-moz-placeholder { color: #ccc; font-size: inherit; }
input::-moz-placeholder { color: #ccc; font-size: inherit; }
input:-o-placeholder { color: #ccc; font-size: inherit; }
input::-o-placeholder { color: #ccc; font-size: inherit; }
input:-ms-input-placeholder { color: #ccc; font-size: inherit; }
input::-ms-input-placeholder { color: #ccc; font-size: inherit; }
input::placeholder { color: #ccc; font-size: inherit; }

select::-webkit-input-placeholder { color: #ccc; font-size: inherit; }
select:-moz-placeholder { color: #ccc; font-size: inherit; }
select::-moz-placeholder { color: #ccc; font-size: inherit; }
select:-o-placeholder { color: #ccc; font-size: inherit; }
select::-o-placeholder { color: #ccc; font-size: inherit; }
select:-ms-input-placeholder { color: #ccc; font-size: inherit; }
select::-ms-input-placeholder { color: #ccc; font-size: inherit; }
select::placeholder { color: #ccc; font-size: inherit; }
select { appearance:none; -moz-appearance:none; -webkit-appearance:none; }


.van-image { background: #fff; padding: 10px; }



@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse2{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.pulse { 
  animation: pulse 1s infinite;
}
.pulse2 { 
  animation: pulse2 1s infinite;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s ease;
}
.fade-enter, .fade-leave-active {
  opacity: 0
}