.c-container{ font-size: 12px;}
.fl{ float: left;}
*{box-sizing: border-box;}
.fs36{  font-size: 12px;}
.mt20{ margin-top: .2rem!important;}
.mt40{ margin-top: .4rem!important;}
.ml10{ margin-left: .1rem;}
.pdlr50{ padding: 0 .5rem 0 .5rem;}
.block{ display: block;}
.flex-between{ flex-wrap: nowrap }
.w1200{ width: 100%; max-width: 750px; min-width: 320px;}
.w50{ width: 50%;}
.c-container .s-tit{ background: url(mp/s-title.png) no-repeat center/auto 100%; height: .22rem; margin-bottom: .2rem;}
.c-container .b-tit{ font-size: 23px;}
.div{ padding: .7rem 0 .6rem 0; width: 100%; max-width: 750px;}
.div-1{ background: url(mp/1-bg.jpg) no-repeat center top/100% 100%;}
.div-1 .btn-1 { width: 2.1rem; left: 50%; bottom: 0.05rem;   transform: translateX(-50%);}
.div-1 .form{ background: url(mp/1-img-3.jpg) no-repeat center/100%; padding: 1.2rem .5rem .5rem; border-radius: .2rem;}
.div-1 .left{ width: 100%;}
.div-1 .item{ height: .78rem; border-radius: .08rem; font-size: 14px;}
.div-1 .item label{ line-height: .8rem; padding: 0 .2rem;}
.div-1 .item .input{ font-size: 14px; padding-left: .2rem;}
.div-1 .show-code{ line-height: .8rem;}
.div-1 .item ._mobile,.div-1 .item input[name='code']{ width: 100%;}

.div-2{ height: 5.5rem; padding-top: .6rem;}
.div-2 .swiper-2 { padding-bottom: .4rem; width: 100%;}
.div-2 .swiper-2 .swiper-slide{ max-width: 630px; width: 80%; height: 90%; transform: scale(.85);}
.div-2 .swiper-2 .swiper-slide-active{ transform: scale(1.05);}
.div-2 .swiper-pagination{ bottom: 0;}
.div-2 .swiper-pagination-bullet{ width: 6px; height: 6px; background: #fff; opacity: .6;}
.div-2 .swiper-pagination-bullet-active{ width: .3rem; opacity: 1; border-radius: 3px;}

.div-3{ padding: .7rem .5rem .5rem .5rem;}
.div-3 .swiper{ padding-bottom: .2rem;}
.div-3 .swiper .img{ border-radius: .2rem;}
.div-3 .s-4{ background:url(mp/3-img-4bg.png) no-repeat center top/100%; padding: .7rem .25rem .2rem .25rem; }
.div-3 .s-4 .img{ height: 2.75rem;}
.div-3 .swiper-pagination{ bottom: 0;}
.div-3 .swiper-pagination-bullet{ width: 6px; height: 6px;}
.div-3 .swiper-pagination-bullet-active{ width: .3rem;}
.div-3 .s-5{ background:url(mp/3-img-5bg.png) no-repeat center top/100%; padding: .7rem .25rem .2rem .25rem; border-radius: .2rem;}
.div-3 .s-5 .swiper-slide .img{ height: 2.3rem;}
.div-3 .s-tit-2{ font-size: 14px; height: 40px; line-height: 40px;}

.div-4{ background: url(mp/4-bg.jpg) no-repeat center top/100% 100%; padding: 2rem .5rem .5rem .5rem;}
.div-4 .submit-btn{ width: 90%; margin: 0 auto;}