@charset "UTF-8";
.banner {
  width: 100%;
  height: 9.45rem;
  background: url(../images/banner.jpg?v=1) top no-repeat;
  background-size: 100%;
  position: relative;
}

.banner .logo {
  width: 2.01rem;
  height: .73rem;
  background: url(../images/logo.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  top: .3rem;
  left: .3rem;
}

.banner .tel {
  width: 2.33rem;
  height: .5rem;
  background: url(../images/tel.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  top: .45rem;
  right: .3rem;
}

.banner .date {
  width: 100%;
  text-align: center;
  font-size: .3rem;
  color: #582d00;
  position: absolute;
  left: 0;
  top: 3.7rem;
}

.banner .date i {
  font-size: .3rem;
  margin-right: 5px;
}

.block {
  height: auto;
  overflow: hidden;
  margin-bottom: .4rem;
}

/* 爆款车型底价大促 */
.block1 {
  height: 11.55rem;
  background: url(../images/block1.png) top no-repeat;
  background-size: 100%;
  padding-top: 1.15rem;
}

.block1 h1 {
  font-size: .24rem;
  color: #8b5a03;
  text-align: center;
  line-height: .36rem;
}

.block1 ul {
  width: 6.75rem;
  height: auto;
  overflow: hidden;
  margin: .15rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.block1 ul li {
  width: 3.35rem;
  height: 4.6rem;
  background: #fbf8ea;
  border-radius: .04rem;
  text-align: center;
  padding: .3rem 0;
  margin-bottom: .05rem;
}

.block1 ul li h2 {
  line-height: .36rem;
  font-size: .32rem;
  color: #333;
  font-weight: bold;
}

.block1 ul li h3 {
  height: .52rem;
  font-size: .2rem;
  color: #421905;
  line-height: .26rem;
  padding: 0 .3rem;
  overflow: hidden;
  margin: .1rem 0;
}

.block1 ul li h3 b {
  font-size: .24rem;
  font-weight: bold;
  color: #ff6000;
}

.block1 ul li img {
  width: 100%;
}

.block1 ul li p {
  font-size: .22rem;
  color: #421905;
}

.block1 ul li .btn {
  width: 2.4rem;
  line-height: .6rem;
  background: #2e79f0;
  font-size: .24rem;
  color: #fff;
  display: block;
  margin: .1rem auto 0;
}

.block1 ul li .btn.btn1 {
  width: 1.3rem;
  display: inline-block;
  margin: .1rem .05rem 0;
}

.block1 ul li .btn.btn2 {
  background: #ff6000;
}

/* 油卡任性抽 */
.block2 {
  height: 10.56rem;
  background: url(../images/block2.png) top no-repeat;
  background-size: 100%;
  padding-top: 1.15rem;
}

.block2 h1 {
  font-size: .24rem;
  color: #8b5a03;
  text-align: center;
  line-height: .36rem;
}

.block2 form {
  width: 6.5rem;
  height: 1.7rem;
  background: #dfe8f7;
  padding: .1rem;
  margin: .3rem auto 0;
}

.block2 form input, .block2 form select {
  width: 3.1rem;
  height: .7rem;
  background: #fff;
  padding: 0 .2rem;
  font-size: .24rem;
  margin-bottom: .1rem;
  float: left;
  margin-right: .1rem;
}

.block2 form input:nth-child(2n), .block2 form select:nth-child(2n) {
  margin-right: 0;
}

.block2 form input#bus, .block2 form select#bus {
  background: url(../images/dropdown.png) 2.6rem no-repeat #fff;
  background-size: .4rem;
}

.block2 form .btn {
  width: 3.1rem;
  line-height: .7rem;
  background: #2e79f0;
  font-size: .24rem;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
}

.block2 #lottery {
  width: 6.52rem;
  height: 5.57rem;
  background: url(../images/lottery-bg.png) center no-repeat;
  background-size: 100%;
  margin: .3rem auto;
  padding: .33rem;
}

.block2 #lottery table {
  width: 100%;
  height: 100%;
}

.block2 #lottery table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.block2 #lottery table td {
  width: 1.92rem;
  height: 1.6rem;
  text-align: center;
  background: url(../images/prize-td-bg.png) center no-repeat;
  background-size: 100%;
  position: relative;
  margin-bottom: .05rem;
}

.block2 #lottery table td .yhq {
  width: 1.29rem;
  height: .48rem;
  line-height: .48rem;
  font-size: .32rem;
  color: #fff;
  font-weight: bold;
  margin: .35rem auto .1rem;
}

.block2 #lottery table td .yhq span {
  font-size: .24rem;
  font-weight: normal;
}

.block2 #lottery table td .yhq.yhq1 {
  background: url(../images/icon-yhq-1.png) center no-repeat;
  background-size: 100%;
}

.block2 #lottery table td .yhq.yhq2 {
  background: url(../images/icon-yhq-2.png) center no-repeat;
  background-size: 100%;
}

.block2 #lottery table td .yhq.yhq3 {
  background: url(../images/icon-yhq-3.png) center no-repeat;
  background-size: 100%;
}

.block2 #lottery table td .yhq.yhq4 {
  background: url(../images/icon-yhq-4.png) center no-repeat;
  background-size: 100%;
}

.block2 #lottery table td .xx {
  width: .6rem;
  height: .6rem;
  background: url(../images/icon-xx.png) center no-repeat;
  background-size: 100%;
  margin: .25rem auto .1rem;
}

.block2 #lottery table td h1 {
  font-size: .24rem;
  font-weight: bold;
  color: #902f16;
}

.block2 #lottery table td.btn_begin {
  line-height: 1.6rem;
  font-size: .38rem;
  font-weight: bold;
  color: #902f16;
  font-weight: bold;
  text-align: center;
  background: url(../images/prize-td-but.png) center no-repeat;
  background-size: 100%;
}

.block2 #lottery table td.active {
  background: url(../images/activity/prize-td-bg-active.png) center no-repeat;
  background-size: 100%;
}

.block2 p {
  font-size: .24rem;
  color: #333;
  text-align: center;
}

.block2 p a {
  color: #e98606;
  font-weight: bold;
}

/* 保险免费送 */
.block3 {
  height: 4.85rem;
  background: url(../images/block3.png) top no-repeat;
  background-size: 100%;
  position: relative;
}

.block3 p {
  width: 100%;
  font-size: .2rem;
  color: #999;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: .35rem;
}

/* 安芯无忧 */
.block4 {
  height: 5.75rem;
  background: url(../images/block4.png) top no-repeat;
  background-size: 100%;
  position: relative;
}

.block4 .text {
  width: 89%;
  position: absolute;
  left: 0;
  bottom: .45rem;
  right: 0;
  margin: auto;
}

.block4 .text h3 {
  font-size: .22rem;
  color: #946929;
  line-height: .3rem;
  margin-bottom: .1rem;
}

.block4 .text p {
  font-size: .2rem;
  color: #999;
  text-align: center;
}

/* 专属服务 */
.block5 {
  height: 9.95rem;
  background: url(../images/block5.png) top no-repeat;
  background-size: 100%;
  position: relative;
}

.block5 h1 {
  font-size: .24rem;
  color: #8b5a03;
  text-align: center;
  line-height: .36rem;
  margin-top: 1.1rem;
}

.block5 .text {
  width: 89%;
  position: absolute;
  left: 0;
  bottom: .55rem;
  right: 0;
  margin: auto;
}

.block5 .text p {
  font-size: .2rem;
  color: #999;
  text-align: center;
}

/* 推荐购车拿奖励 */
.block6 {
  height: 5.46rem;
  background: url(../images/block6.png) top no-repeat;
  background-size: 100%;
  position: relative;
}

.block6 img {
  width: 1.28rem;
  position: absolute;
  right: 1.1rem;
  bottom: 1.6rem;
}

.block6 h2 {
  font-size: .18rem;
  color: #333;
  position: absolute;
  right: .3rem;
  bottom: 1.2rem;
}

.block6 .btn {
  width: 2.12rem;
  line-height: .5rem;
  background: #2e79f2;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  display: block;
  position: absolute;
  right: .6rem;
  bottom: .5rem;
}

/* 更多选择，更多安心 */
.block7 {
  height: 13.24rem;
  background: url(../images/block7.png) top no-repeat;
  background-size: 100%;
}

.block7 ul {
  width: 90%;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.2rem auto 0;
}

.block7 ul li {
  width: 50%;
  text-align: center;
  padding: .4rem .1rem;
}

.block7 ul li h2 {
  font-size: .3rem;
  color: #333;
  font-weight: bold;
  margin-top: .1rem;
}

.block7 ul li h2 span {
  font-size: .18rem;
  font-weight: normal;
  margin-left: .05rem;
}

.block7 ul li p {
  font-size: .22rem;
}

.block7 ul li .btn {
  width: 1.96rem;
  line-height: .6rem;
  background: #2e79f0;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  display: block;
  margin: .1rem auto;
}

/* 底部 */
.footer {
  height: auto;
  overflow: hidden;
  background: url(../images/footer.png) top no-repeat;
  background-size: 100%;
  padding: .1rem .3rem 0;
  position: relative;
  margin-bottom: .8rem;
}

.footer p {
  font-size: .2rem;
  color: #664d08;
  line-height: .3rem;
  margin-top: .3rem;
  position: relative;
  z-index: 1;
}

.footer p:last-child {
  margin-bottom: .4rem;
}

.footer:after {
  content: "";
  width: 100%;
  height: 92%;
  background: #fdeda5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

/* 右侧悬浮 */
.fix-right {
  width: .8rem;
  height: auto;
  overflow: hidden;
  position: fixed;
  z-index: 1;
  right: 0;
  top: 6rem;
}

.fix-right a {
  width: .8rem;
  height: .8rem;
  display: block;
  margin-bottom: 0.02rem;
}

.fix-right a.kf {
  background: url(../images/fix-right-1.png) center no-repeat;
  background-size: 100%;
}

.fix-right a.myprize {
  background: url(../images/fix-right-2.png) center no-repeat;
  background-size: 100%;
}

.fix-right a.top {
  background: url(../images/fix-right-3.png) center no-repeat;
  background-size: 100%;
}

.fix-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

/* 提交订单 */
.order {
  width: 7rem;
  height: 7.7rem;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  background: #fff;
  z-index: 4;
  display: none;
}

.order h1 {
  height: .8rem;
  line-height: .8rem;
  padding: 0 .3rem;
  background: #2e79f2;
  font-size: 0.3rem;
  color: #fff;
  font-weight: bold;
}

.order .btn-close {
  width: .8rem;
  height: .8rem;
  background: url(../images/icon-close2.png) center no-repeat;
  background-size: .35rem;
  float: right;
  margin-right: -.25rem;
}

.order h2 {
  font-size: .26rem;
  color: #ff6000;
  padding: 0 .3rem;
  margin: .25rem 0 .15rem;
}

.order p {
  font-size: .22rem;
}

.order form {
  width: 6.2rem;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}

.order form .row {
  height: .7rem;
  margin-top: .2rem;
  border: .01rem solid #d4d4d4;
}

.order form .row .select {
  width: 99%;
  float: left;
  position: relative;
  color: #333;
  left: .01rem;
  top: .01rem;
}

.order form .row .select dt {
  width: 100%;
  height: .66rem;
  background: #fff url(../images/dropdown.png) 98% no-repeat;
  background-size: .45rem;
  cursor: pointer;
  display: inline-block;
  line-height: .66rem;
  padding: 0 3%;
  position: relative;
  border: 0;
  z-index: 99;
}

.order form .row .select dd {
  width: 100%;
  background-color: #fff;
  border: 1px solid #dedede;
  display: none;
  left: -1px;
  position: absolute;
  top: .68rem;
  z-index: 2;
}

.order form .row .select dd ul {
  max-height: 3.3rem;
  overflow: auto;
  padding: 4px 0;
}

.order form .row .select dd ul li {
  padding-bottom: 0 !important;
  line-height: 0.6rem;
}

.order form .row .select dd ul li a {
  color: #666;
  display: block;
  line-height: .5rem;
  background: none;
  text-align: left;
  font-size: .24rem;
  border-radius: 0;
  margin-top: 0;
  padding: 0 3%;
}

.order form .row input {
  width: 4.8rem;
  height: .7rem;
  padding: 0 .2rem;
}

.order form .row textarea {
  width: 99%;
  height: 1.1rem;
  resize: none;
  padding: .2rem;
  border: 0;
  position: relative;
  top: .01rem;
  left: .01rem;
}

.order form .btn-submit {
  width: 100% !important;
  background: #2e79f2;
  color: #fff;
  border: 0 !important;
  padding: 0;
}

/* 活动规则 */
.pop-rule {
  width: 7rem;
  height: auto;
  color: #333;
  background: #eafcff;
  padding: 0 .4rem;
  position: fixed;
  left: 0;
  right: 0;
  top: 10%;
  margin: auto;
  z-index: 3;
  display: none;
}

.pop-rule h1 {
  font-size: .4rem;
  font-weight: bold;
  text-align: center;
  margin: .5rem 0 .3rem;
  color: #ff6000;
}

.pop-rule p {
  font-size: .25rem;
  line-height: .4rem;
  margin-bottom: .15rem;
}

.pop-rule p span {
  text-align: center;
  margin-right: 5px;
}

.pop-rule .btn {
  width: 100%;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  background: url(../images/icon-btn-copy.png) center top no-repeat;
  background-size: 100%;
  color: #fff;
  font-size: .26rem;
  margin: .4rem auto;
  cursor: pointer;
}

/* 我的油卡 */
.login {
  width: 6.9rem;
  height: 4.25rem;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  background: #fff;
  z-index: 4;
  display: none;
}

.login h1 {
  height: .8rem;
  line-height: .8rem;
  padding: 0 .3rem;
  background: #2e79f2;
  font-size: .3rem;
  color: #fff;
  font-weight: bold;
}

.login .btn-close {
  width: .8rem;
  height: .8rem;
  background: url(../images/icon-close2.png) center no-repeat;
  background-size: .35rem;
  float: right;
  margin-right: -.25rem;
}

.login h2 {
  font-size: 0.26rem;
  color: #ff6000;
  padding: 0 .3rem;
  margin: .25rem 0 .15rem;
}

.login form {
  width: 6.3rem;
  margin: .3rem auto;
  height: auto;
  overflow: hidden;
}

.login form .row {
  height: auto;
  overflow: hidden;
  margin-top: .2rem;
  border: .01rem solid #d4d4d4;
}

.login form .row input {
  width: 6.3rem;
  height: .7rem;
  padding: 0 .1rem;
}

.login form .row .btn-submit {
  background: #ff6000;
  color: #fff;
  border: 0;
}

.login form .row.yzm-box {
  border: 0;
}

.login form .row.yzm-box input {
  width: 3rem;
  float: left;
  background: #2e79f2;
  color: #fff;
}

.login form .row.yzm-box input:disabled {
  background: #aaa;
}

.login form .row.yzm-box input.yzm {
  border: .01rem solid #d4d4d4;
  margin-right: .25rem;
  background: none;
  color: #333;
}

/* 获得奖励 */
.getprize {
  width: 6.9rem;
  height: 8.5rem;
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  background: #fff;
  z-index: 4;
  border-top: 0.04rem solid #2e79f2;
  display: none;
}

.getprize h1 {
  font-size: .3rem;
  text-align: center;
  color: #ff6000;
  margin: .4rem 0 .3rem;
}

.getprize h1 span {
  font-size: .3rem;
  font-weight: bold;
}

.getprize .btn-close {
  width: .8rem;
  height: .8rem;
  background: url(../images/btn_close.png) center no-repeat;
  background-size: .32rem;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.getprize .con {
  width: 6rem;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}

.getprize .con img {
  width: 3rem;
  display: block;
  margin: 0 auto;
}

.getprize .con form {
  height: auto;
  overflow: hidden;
  margin-top: .3rem;
}

.getprize .con form input {
  width: 100%;
  height: .7rem;
  padding: 0 .1rem;
  border: .01rem solid #d4d4d4;
  margin-top: .2rem;
}

.getprize .con form .btn-submit {
  background: #ff6000;
  color: #fff;
  border: 0;
  margin-top: .3rem;
}

.getprize p {
  margin-bottom: 5px;
  color: #848484;
  font-size: .24rem;
  margin-top: .3rem;
}

/* 二维码弹出 */
.wei {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}

.wei .box {
  position: absolute;
  top: 8%;
  left: 0;
  padding: 8% .3rem 0;
}

.wei .box .imgBox {
  position: relative;
}

.wei .box .imgBox .text {
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  color: #fff;
  font-size: .35rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
}

.wei .box i {
  background: url(../images/close.png);
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-size: cover;
  margin: .4rem auto 0;
}
/*# sourceMappingURL=style.css.map */