chaomd/addons/AuthLoginWithWechatAndMobile-master/application/api/minapp_v2/app.wxss

/* @import "/assets/iconfont/iconfont"; */
page{font-size:26rpx;color:#000;background-color: #F7F7F7;padding-bottom:30rpx;position:relative}
image {width: 100%;height: 100%;}
.clear{ clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
image,view,text,input,button,page,form,textarea,navigator,scroll-view,cover-view,view::after,view::before{box-sizing:border-box;}
form,textarea,input,button{font-size:26rpx;}
.redcolor{color: #Ff0000}
button{background:none;border-radius:0;padding:0;margin:0}
button::after {border: 0rpx;}
form{display:block;width:100%}
.zIndex0{z-index:0}
.loadd{padding:50rpx}
.no{display:none}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.fl{float:left}
.fr{float:right}
.text{display:block;width:100%}
.clear{clear: both}
.share-btn{position:absolute;width:100%;height:100%;left:0;top:0;z-index:980}
.dd{position:relative}
picker,.picker{position:absolute;width:100%;height:100%;left:0;top:0;z-index:20}

.box{width:90% !important;margin-left:auto !important;margin-right:auto !important}
.box1{width:95%;margin-left:auto !important;margin-right:auto !important}
.paddLR{padding-left:5% !important;padding-right:5% !important;}
.paddLR1{padding-left:2.5% !important;padding-right:2.5% !important;}
.bk{display:block;}
.inbk{display:inline-block;vertical-align:middle}
.b{font-weight:bold}
.re{position:relative}
.ab{position:absolute}
.fix{position:fixed}
.ntit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.np{overflow:hidden;}
.clickshow{display:none;}
.clickshow.active{display:block}

/* 字体大小 */
.font18{font-size:18rpx}.font19{font-size:19rpx}.font20{font-size:20rpx}.font21{font-size:21rpx}.font22{font-size:22rpx}.font23{font-size:23rpx}.font24{font-size:24rpx}.font25{font-size:25rpx}.font26{font-size:26rpx}.font27{font-size:27rpx}.font28{font-size:28rpx}.font29{font-size:29rpx}.font30{font-size:30rpx}.font31{font-size:31rpx}.font32{font-size:32rpx}.font33{font-size:33rpx}.font34{font-size:34rpx}.font35{font-size:35rpx}.font36{font-size:36rpx}.font37{font-size:37rpx}.font38{font-size:38rpx}.font39{font-size:39rpx}.font40{font-size:40rpx}.font41{font-size:41rpx}.font42{font-size:42rpx}.font43{font-size:43rpx}.font44{font-size:44rpx}.font45{font-size:45rpx}.font46{font-size:46rpx}.font47{font-size:47rpx}.font48{font-size:48rpx}.font49{font-size:49rpx}.font50{font-size:50rpx}.font51{font-size:51rpx}.font52{font-size:52rpx}.font53{font-size:53rpx}.font54{font-size:54rpx}.font55{font-size:55rpx}.font56{font-size:56rpx}.font57{font-size:57rpx}.font58{font-size:58rpx}.font59{font-size:59rpx}.font60{font-size:60rpx}.font61{font-size:61rpx}.font62{font-size:62rpx}.font63{font-size:63rpx}.font64{font-size:64rpx}.font65{font-size:65rpx}.font66{font-size:66rpx}.font67{font-size:67rpx}.font68{font-size:68rpx}.font69{font-size:69rpx}.font70{font-size:70rpx}.font71{font-size:71rpx}.font72{font-size:72rpx}.font73{font-size:73rpx}.font74{font-size:74rpx}.font75{font-size:75rpx}.font76{font-size:76rpx}.font77{font-size:77rpx}.font78{font-size:78rpx}.font79{font-size:79rpx}.font80{font-size:80rpx}
/* 圆角 */
.rd2{border-radius:2rpx;overflow:hidden}.rd3{border-radius:3rpx;overflow:hidden}.rd4{border-radius:4rpx;overflow:hidden}.rd5{border-radius:5rpx;overflow:hidden}.rd6{border-radius:6rpx;overflow:hidden}.rd7{border-radius:7rpx;overflow:hidden}.rd8{border-radius:8rpx;overflow:hidden}.rd9{border-radius:9rpx;overflow:hidden}.rd10{border-radius:10rpx;overflow:hidden}.rd15{border-radius:15rpx;overflow:hidden}.rd20{border-radius:20rpx;overflow:hidden}.rd25{border-radius:25rpx;overflow:hidden}.rd30{border-radius:30rpx;overflow:hidden}.rd35{border-radius:35rpx;overflow:hidden}.rd40{border-radius:40rpx;overflow:hidden}.rd45{border-radius:45rpx;overflow:hidden}.rd50{border-radius:50%;overflow:hidden}
/* 图标大小 */
.ico15{width:15rpx;height:15rpx;}.ico20{width:20rpx;height:20rpx;}.ico25{width:25rpx;height:25rpx;}.ico30{width:30rpx;height:30rpx;}.ico35{width:35rpx;height:35rpx;}.ico40{width:40rpx;height:40rpx;}.ico45{width:45rpx;height:45rpx;}.ico50{width:50rpx;height:50rpx;}.ico55{width:55rpx;height:55rpx;}.ico60{width:60rpx;height:60rpx;}.ico65{width:65rpx;height:65rpx;}.ico70{width:70rpx;height:70rpx;}.ico75{width:75rpx;height:75rpx;}.ico80{width:80rpx;height:80rpx;}.ico85{width:85rpx;height:85rpx;}.ico90{width:90rpx;height:90rpx;}.ico95{width:95rpx;height:95rpx;}.ico100{width:100rpx;height:100rpx;}
/* 弹性布局 */
.flex-le{display:flex !important;justify-content:flex-start;}
.flex-lect{display:flex !important;justify-content:flex-start;align-items:center}
.flex-be{display:flex !important;justify-content:space-between;}
.flex-bect{display:flex !important;justify-content:space-between;align-items:center}
.flex-ct{display:flex !important;justify-content:center;align-items:center}
.flex-rict{display:flex !important;justify-content:flex-end;align-items:center}

.hh{flex-wrap:wrap}/* 换行 */
.dhh{flex-wrap:wrap-reverse}/* 换行，第一行在下方 */
.bhh{flex-wrap:nowrap}/* 不换行 */
/*底部loading加载 */
.noMore{text-align:center;color:#666;padding:15rpx 0 30rpx}
.loading-img{width:200rpx;background-color:rgba(0,0,0,0.5);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;padding:50rpx 0}
.load-box{width: 100%;text-align: center;padding:10rpx 0 20rpx;}
.load-box .Ldd{width: 20rpx;height: 20rpx;background: #999;border-radius: 50%;margin-left: 15rpx;display: inline-block;-webkit-animation: dd 1s linear infinite alternate;animation: dd 1s linear infinite alternate;}
.load-box .Ldd:nth-child(1){animation-delay: 0s;}
.load-box .Ldd:nth-child(2){animation-delay: 0.5s;}
.load-box .Ldd:nth-child(3){animation-delay: 1s;}
.load-box .Ldd:nth-child(4){animation-delay: 1.5s;}
@-webkit-keyframes dd {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes dd {0% {transform: scale(1);}100% {transform: scale(0);}}



/* 颜色 */
.h00{color:#000}
.h33{color:#333 !important}
.h55{color:#555}
.h45{color:#454545}
.h66{color:#666}
.h77{color:#777}
.h81{color:#818181}
.h88{color:#888}
.h99{color:#999}
.h96{color:#969696}
.hb1{color:#B1B1B1}
.hee{color:#eeeeee}
.hb0{color:#b0b0b0}
.redff{color:#fff;}
.red0{color:#FD0000}
.red1{color:#58D0C5}
.red2{color:#236DDD}
.red3{color:#40d9ff}
.red4{color:#02a61e}
.red5{color:#599ded}
.bgff{background-color:#fff !important;}
.bg0{background-color:#FD0000 !important;color:#fff !important;}
.bg1{background-color:#2883FE !important;color:#fff !important;}
.bg2{background-color:#FF7E11 !important;color:#fff !important;}
.bg3{background-color:#3EB271;color:#fff !important;}
.bg4{background-color:#FEA162;color:#fff !important;}
.bg5{background-color:#599ded;color:#fff !important;}
.bg7{background-color:#A2ADB9 !important;color:#fff}
.bgf5{background-color:#f5f5f5 !important;color:#666}
.bgf2{background-color:#f2f2f2 !important}
.flex1{flex:1;width:100%}

/* 投影 */
.shadow-dd{box-shadow:0 0 20rpx #ccc}
.ov{overflow:hidden}
.shadowLine{box-shadow:0px 4px 8px rgba(155,170,194,0.09);height:8px;width:100%;margin-top:-8px;position:relative;z-index:20}
.cur:active{opacity:0.8}

/* 边距 */
.mri5{margin-right:5rpx;}
.mri10{margin-right:10rpx;}
.mri15{margin-right:15rpx;}
.mri20{margin-right:20rpx;}
.mri25{margin-right:25rpx;}
.mri30{margin-right:30rpx;}
.mri35{margin-right:35rpx;}
.mri40{margin-right:40rpx;}
.mri45{margin-right:45rpx;}
.mri50{margin-right:50rpx;}
.mri55{margin-right:55rpx;}
.mri60{margin-right:60rpx;}
.mri65{margin-right:65rpx;}
.mri70{margin-right:70rpx;}
.mri75{margin-right:75rpx;}

.mbt5{margin-bottom:5rpx;}
.mbt10{margin-bottom:10rpx;}
.mbt15{margin-bottom:15rpx;}
.mbt20{margin-bottom:20rpx;}
.mbt25{margin-bottom:25rpx;}
.mbt30{margin-bottom:30rpx;}
.mbt35{margin-bottom:35rpx;}
.mbt40{margin-bottom:40rpx;}
.mbt45{margin-bottom:45rpx;}
.mbt50{margin-bottom:50rpx;}
.mbt55{margin-bottom:55rpx;}
.mbt60{margin-bottom:60rpx;}
.mbt65{margin-bottom:65rpx;}
.mbt70{margin-bottom:70rpx;}
.mbt75{margin-bottom:75rpx;}

.mat5{margin-top:5rpx;}
.mat10{margin-top:10rpx;}
.mat15{margin-top:15rpx;}
.mat20{margin-top:20rpx;}
.mat25{margin-top:25rpx;}
.mat30{margin-top:30rpx;}
.mat35{margin-top:35rpx;}
.mat40{margin-top:40rpx;}
.mat45{margin-top:45rpx;}
.mat50{margin-top:50rpx;}
.mat55{margin-top:55rpx;}
.mat60{margin-top:60rpx;}
.mat65{margin-top:65rpx;}
.mat70{margin-top:70rpx;}
.mat75{margin-top:75rpx;}

.mle5{margin-left:5rpx;}
.mle10{margin-left:10rpx;}
.mle15{margin-left:15rpx;}
.mle20{margin-left:20rpx;}
.mle25{margin-left:25rpx;}
.mle30{margin-left:30rpx;}
.mle35{margin-left:35rpx;}
.mle40{margin-left:40rpx;}
.mle45{margin-left:45rpx;}
.mle50{margin-left:50rpx;}
.mle55{margin-left:55rpx;}
.mle60{margin-left:60rpx;}
.mle65{margin-left:65rpx;}
.mle70{margin-left:70rpx;}
.mle75{margin-left:75rpx;}


/* /边框/ */
.bt15{border-bottom:15rpx solid #f2f2f2}
.bt1{border-bottom:1px solid #f2f2f2}

#footer{position:fixed;width:100%;background-color:#222326;bottom:0;left:0;text-align:center;z-index:999;color:#777;display:none !important}
#footer .dd{padding:20rpx 70rpx}
#footer .dd view{line-height:30rpx}
#footer .iconfont{font-size:40rpx;}
#footer image{display:block;margin:0 auto 6rpx;width:50rpx;height:50rpx;}

.footpaddBt{height:164rpx}
.haveFt{height:96rpx;width:100%}
.haveFt.haveH{height:164rpx;}
.bd-dd .dd:last-child,.bd-dd .li:last-child{border-bottom:none;}
.bd-no{border:none !important}

/* 弹窗 */
.pup{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999}
.pup-box{position:absolute;width:100%;height:auto;max-height:70%;overflow-y:auto;padding:35rpx 20rpx;left:0;bottom:0;z-index:50}
.pup-bg{position:absolute;width:100%;height:100%;z-index:40;background-color:#000000;left:0;bottom:0;opacity:0.3}


.m100{min-height:100%}
.padd30{padding:30rpx 0;}
.h2{line-height:50rpx;}
.LH18{line-height:1.8}
.LH16{line-height:1.6}
.LH2{line-height:2}
.H70{height:70rpx;}
.H80{height:80rpx;}
.H90{height:90rpx;}
.H100{height:100rpx;}
.no{display:none}
.ico-ri{width:12rpx;height:23rpx;}
.ico-down{width:14rpx;height:9rpx;}
.flex1{width:100%;flex:1}
.z1{position:relative;z-index:1}
.z10{position:relative;z-index:10}
.z20{position:relative;z-index:20}
.z30{position:relative;z-index:30}
.z40{position:relative;z-index:40}
.z50{position:relative;z-index:50}
.z60{position:relative;z-index:60}
.bgct{background-repeat:no-repeat;background-position: center}







#AuthMap .box{position:relative;z-index:9999;padding:60rpx 100rpx}
#AuthMap .btn-box .btn{width:48%;height:70rpx;border-radius:10rpx}
#AuthMap .btn-box .btn1{background-color:rgba(0,0,0,0.1);color:#333;}
#AuthMap .p1{margin:20rpx 0 50rpx}


/* 本项目公用css */
/* page{padding-top:210rpx} */
#nav_top{font-size:36rpx;z-index:99999;text-align:center;line-height:60rpx;position:fixed;top:0;width:100%;padding:50rpx 0 10rpx}
.trans{transition: all ease-in .3s}
.topLine{position:fixed;width:100%;height:10rpx;box-shadow:0 0 10rpx #ededed;left:0;top:-10rpx;z-index:999;background-color:#fff}



.bottom{width:620rpx;}
.bottom .submit{width:100%;height:90rpx;color:#fff;border:1px solid #fff;font-size:36rpx;margin:80rpx 0 20rpx;border-radius:50rpx;}
.bottom .copy{padding:20rpx 0;}

.ri-ico{padding-right:50rpx;background-position:right center;background-repeat:no-repeat;background-size:12rpx;}
.bookSubmit{background-color: #383A3D;color: #fff;height:85rpx;border-radius:25rpx;-webkit-border-radius:25rpx;font-size:32rpx}
#submitBox{position:fixed;left:0;width:100%;bottom:0;z-index:9999;background-color:#fff;box-shadow:0 0 10rpx #ddd}
.wxParse-p image{max-width:100%;width:100% !important;display:block}

.tipBox{padding:100rpx;text-align:center;font-size:35rpx;}

/* 答题游戏 */
.findList-bg2::after{background-image:url(https://ft-xcx.maoln.com/uploads/image/2-bg2.png);background-position:center bottom;width:85rpx;height:20rpx;content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);display:block}
.game-list .imgW::after{background-image:url(https://ft-xcx.maoln.com/uploads/image/2-bg3.png);background-size:30rpx}
.answer-top .num{background-image:url(https://ft-xcx.maoln.com/uploads/image/202-bg2.png);background-size:100%}
.answer-top.on .num{background-image:url(https://ft-xcx.maoln.com/uploads/image/202-bg2on.png);background-size:100%;font-size:40rpx}

#answer_ban .ban-item{background-image:url(https://ft-xcx.maoln.com/uploads/image/202-bg3.png);background-size:58rpx;background-position:96% 96%;background-repeat:no-repeat}
#zhuc_pup .zc-pup-bg1{background-image:url(https://ft-xcx.maoln.com/uploads/image/303-zc1.png);background-size:314rpx;margin-bottom:50rpx;}
#myCar_pup .pup-bg1{background-image:url(https://ft-xcx.maoln.com/uploads/image/mycar.png);background-size:427rpx;}
.map-img{background-image:url(https://ft-xcx.maoln.com/uploads/image/map.png);background-size:100%;}
#answer_ban{background-image:url(https://ft-xcx.maoln.com/uploads/image/203-01.png);background-size:100%;}
.answer-end-box.on::after{background-image:url(https://ft-xcx.maoln.com/uploads/image/4-03.png);background-size:503rpx;background-repeat:no-repeat;background-position: center 30rpx;}



.text-img{width:100%;height:350rpx;margin:50rpx auto 150rpx;display:block}


/* 进度条 */
.answer-top{margin:60rpx 0 20rpx;padding-left:5%;color: #fff}
.answer-top .tx{width:90rpx;height:90rpx;}
.answer-top .w2{margin:0 10rpx 0 15rpx;}
.answer-top .line{height:18rpx;background-color:rgba(255, 255, 255, 0.2);width:100%;margin-top:10rpx}
.answer-top .line-con{background:linear-gradient(90deg,rgba(247,87,24,1) 0%,rgba(252,191,59,1) 100%);height:100%;width:20%;transition: all ease .3s}
.answer-top .num{width:145rpx;height:80rpx;padding-left:30rpx;font-size:60rpx;color:#fff}
.answer-top.on .line-con{width:100% !important;background:linear-gradient(90deg,rgba(40,96,255,1) 0%,rgba(56,206,255,1) 100%);}

#answer_ban_box{z-index:90}
#answer_ban,#answer_ban swiper-item{overflow:visible !important;height:850rpx;}
#answer_ban_box .ban-item{background-color:linear-gradient(90deg,#28292e 100%,#1d1c1e 100%);color: #fff;margin:50rpx 20rpx;padding:120rpx 30rpx;height:750rpx;box-shadow:0px 12px 32px rgba(0,0,0,0.36);}
#answer_ban .h3{line-height:45rpx;height:90rpx;margin-bottom:20rpx}
#answer_ban .li{font-size:34rpx;min-height:88rpx;margin-bottom:40rpx;background-color:#282B39}
#answer_ban_box .copy{height:100rpx;position:absolute;bottom:50rpx;width:580rpx;left:50%;color: rgba(255,255,255,0.3);transform:translateX(-50%)}
#answer_ban_box .copy .num{position:absolute;left:34rpx;height:100rpx;}
#answer_ban_box .time{width:112rpx;height:112rpx;background:linear-gradient(360deg,rgba(25,24,28,1) 0%,rgba(32,37,56,1) 100%);color:#fff;position:absolute;font-size:40rpx;left:50%;top:0;transform:translateX(-50%)}
#answer_ban_box .time::after{content:'';width:104rpx;height:104rpx;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:4rpx solid #389FFF;border-radius:50%}

#answer_ban .li{box-shadow: 0 0 20rpx rgba(39,42,56,0.9)}
#answer_ban .li.on1{background:linear-gradient(360deg,#2DACF5 0%,#203AFE 100%);box-shadow: 0 0 20rpx rgba(35,85,252,1)}
#answer_ban .li.on2{background:linear-gradient(7deg,#F71858 0%,#FC3A3C 100%);box-shadow: 0 0 20rpx rgba(252,58,60,1)}
.tit-top{height:500rpx;width:100%;display:flex;align-items:center;justify-content:center;font-size:76rpx;color:#27edff;font-weight:bold;text-shadow: 8rpx 8rpx 0px rgb(0, 0, 0);margin-bottom:40rpx}

.line-h4{line-height:45rpx;font-size:32rpx;display:flex;}
.line-h4::before{content:'';width:10rpx;height:36rpx;background-color:#366fff;display:block; border-radius:10rpx;margin-right:10rpx;margin-top:5rpx;}





/* css3 动画 */
.fadeIn,.fadeOut{
   /** 动画延迟开始 **/
  animation-duration:3s;-webkit-animation-duration:3s; /** 动画完成时间 **/
  animation-iteration-count:1;-webkit-animation-iteration-count:1; /** 动画循环次数  n-次数，infinite-无限循环 **/
  animation-timing-function:ease;-webkit-animation-timing-function:ease; /** 运动效果，linear=匀速 ease=慢快慢 ease-in=渐快 ease-out=渐慢 **/
  animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards; /** 规定当动画不播放时的状态，forwards-结束时的状态 **/
}
.fadeIn{animation-name: fadeIn;-webkit-animation-name: fadeIn; opacity:0;animation-delay:1s;-webkit-animation-delay:1s;}
@keyframes fadeIn {0% {opacity: 0;} 30% {opacity: 1;} 70% {opacity: 1;} 100% {opacity: 0;}}
@-webkit-keyframes fadeIn {0% {opacity: 0;} 30% {opacity: 1;} 70% {opacity: 1;} 100% {opacity: 0;}}

.fadeOut{animation-name: fadeOut;-webkit-animation-name: fadeOut;opacity:0}
@keyframes fadeOut {0% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes fadeOut {0% {opacity: 0;} 100% {opacity: 1;}}


.err{
 animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari 和 Chrome */
  animation-name: err;-webkit-animation-name: err;
  animation-duration:0.1s;-webkit-animation-duration:0.1s;
  animation-iteration-count:5;-webkit-animation-iteration-count:5;
  animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;
}
@keyframes err {0% {transform:translateX(30rpx);} 100% {transform:translateX(0);}}
@-webkit-keyframes err {0% {transform:translateX(30rpx);} 100% {transform:translateX(0);}}