/*雷锋网公共样式commmon.css*/
/*normalize.css*/
html{font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;-ms-touch-action: none;}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block; vertical-align:baseline}
audio:not([controls]){display:none; height:0}
[hidden],template{display:none}
a{background-color:transparent;color: #c6c6c6}
/*a:active,a:hover{outline:0; color: #c6c6c6}*/
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em; margin:0.67em 0}
mark{background:#ff0; color:#000}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0; max-width: 100%;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box; box-sizing:content-box; height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace; font-size:1em}
button,input,optgroup,select,textarea{color:inherit; font:inherit; margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box; padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}
legend{border:0; padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse; border-spacing:0}
td,th{padding:0}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.fl{float:left;}
.fr{float:right;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
html{line-height: 1.6;}
body{font-family: arial,微软雅黑; color: #333;font-size: .26rem;}
html,body{min-height: 100%;}
ul,ol{list-style: none; padding:0; margin:0;}
a{text-decoration: none;}
img{max-width: 100%;}
em,i{font-style: normal;}
.icon{background:url(../../images/yp_spirits.png) no-repeat; background-size:250px 500px; display: inline-block;}

body{
	background: #f1f7f9;
   padding-bottom: 1rem;
}

/*banner*/
.v-banner{
	background: url(../images/driveVip/bg1.jpg) no-repeat top;
  background-size: 7.5rem 9.02rem;
  padding: 0 0.26rem;
  padding-top: 1.4rem;
  position: relative;
}
.v-banner .link-icon{
  position: absolute;
  top: 0.36rem;
  right: 0;
  width: 1.24rem;
  height: 0.45rem;
}
.v-banner .link-icon img{
  width: 100%;
}
.banner-tit1{
  width: 5.3rem;
  margin: 0 auto;
}
.tit1-left{
  font-size: 0.8rem;
  color: #36c7ff;
  line-height: 1;
  letter-spacing: 0.06rem;
}
.tit1-right .pro-icon{
  width: 0.85rem;
  height: 0.35rem;
  line-height: 0.35rem;
  text-align: center;
  color: #fff;
  background: #36c7ff;
  border-radius: .13rem;
  display: none;
}
.tit1-right .version{
  color: #fff;
  font-size: 0.36rem;
  line-height: 1;
  margin-top: 0.03rem;
  text-align: center;
}
.banner-tit2{
  color: #ffffff;
  font-size: 0.24rem;
  text-align: center;
  letter-spacing: 0.01rem;
  margin-top: 0.1rem;
}

.v-banner .btn-com{
  display: block;
  height: 0.80rem;
  line-height: 0.80rem;
  padding: 0 0.50rem;
  width: 4.30rem;
  box-sizing:border-box;
  color: #fff;
  font-size: 0.30rem;
  text-align: center;
  background: -webkit-linear-gradient(left,#31b2e5,#2879e9);
  background: -moz-linear-gradient(left,#31b2e5,#2879e9);
  background: -ms-linear-gradient(left,#31b2e5,#2879e9);
  background: linear-gradient(left,#31b2e5,#2879e9);
  border-radius: 0.10rem;
  letter-spacing:0.01rem;
  cursor: pointer;
  margin: 0.4rem auto;
  margin-bottom: 1rem;
}


.card-wrap{
  position: relative;
  border-radius: 0.18rem;
  background: #fff;
  /*width: 5rem;*/
  /*height: 6.10rem;*/
  padding-top: 1.40rem;
  box-sizing:border-box;
  box-shadow: 0 0 0.30rem #c5e9f7;
}
.card-1{
  position: absolute;
  top: -0.60rem;
  left: 50%;
  margin-left: -0.60rem;
  /*display: none;*/
}
.card-1 .ava{
  width: 1.20rem;
  height: 1.20rem;
  line-height: 1.20rem;
  border-radius: 50%;
  border:0.01rem solid #fff;
  margin-bottom: 0.20rem;
  overflow: hidden;
  text-align: center;
  font-size: 0;

}
.card-1 .ava img{
  display: block;

}
.card-1 .name{
  font-size: 0.18rem;
  color: #95a6ad;
  text-align: center;
}
.card-2{
  width: 5.25rem;
  height: 2.4rem;
  margin: 0 auto;
  background: url(../images/driveVip/bgvip.png) no-repeat;
  background-size: 100% 100%;
  box-sizing:border-box;
  padding-top: 0.50rem;
  text-align: center;
  margin-bottom: 0.20rem;
}
.card-2 .level-2{
  display: none;
}
.card-2 .level-name{
  color: #0046a7;
  font-size: 0.48rem;

}
.card-2 .level-price{
  color: #f40f0f;
  font-size: 0.48rem;
  font-weight: bold;
  margin-top: 0.15rem;
}
.card-3 p{
  color: #0046a7;
  font-size: 0.18rem;
  line-height: 2;
  text-align: center;
}
.card-3{
  margin-bottom: 0.70rem;
}
.card-btn{
  border-bottom-left-radius: 0.18rem;
  border-bottom-right-radius: 0.18rem;
  border-top:0.01rem solid #e5eef2;
}
.level-btn{
  width: 50%;
  height: 1.1rem;
  line-height: 1.1rem;
  display: inline-block;
  font-size:  0.3rem;
  text-align: center;
  color: #95a6ad;
  cursor: pointer;
}
.level-btn.act{
  color: #0046a7;
}
.level1-btn{
  border-right:0.01rem solid #e5eef2;
}
.pri-level{
  padding: 0.5rem 0;
  border-radius: 0.18rem;
  background: #fff;
  margin-top: 0.7rem;
}
.pri-level .level2-i{
  display: none;
}

.v-bps{
  background: url(../images/driveVip/bg2.jpg) no-repeat bottom;
  background-size: 100%;
  padding: 0.9rem 0;
}
.swiper-container{
  margin-left: -40px;
}
.v-bps .swiper-slide .i{
  width: 3.98rem;
  height: 5.28rem;
  border-radius: 8px;
  overflow: hidden;
}
.v-bps .swiper-slide .i img{
  width: 100%;
}

.intro-wrap{
  height: 11.5rem;
  overflow: hidden;
  padding: 0.1rem 0.24rem;
}
.v-intro{
  background: #f1f7f9;
  padding-top: 0.6rem;
  padding-bottom: 1.00rem;
   background: #fefefe;
}
.v-tit{
  color: #1a56a4;
  font-size: .36rem;
  text-align: center;
}
.v-tit2{
  margin-top: .20rem;
  color: #95a6ad;
  font-size: .15rem;
  text-align: center;
}
.intro-item{
  float: left;
  /*margin-right: .30rem;*/
  /*width: 5.80rem;*/
  padding: .50rem .40rem .30rem;
  box-sizing:border-box;
  color: #95a6ad;
  font-size: .26rem;
  box-shadow: 0 0 .20rem #e7edf0;
  background: #fff;
  border-radius: .15rem;
  margin-top: .30rem;
}
.intro-item:nth-child(2n){
  margin-right: 0;
}
.intro-item .item-1{
  /*max-height: 2.8rem;*/
  /*overflow: hidden;*/
  line-height: 1.6;
}
.intro-item .item-1 span{
  color: #1a56a4;
}
.intro-item .item-2 .ava{
  width: 1.22rem;
  height: 1.22rem;
  background: url(../images/driveVip/ava.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  text-align: center;
}
.intro-item .item-2 .ava img{ 
  overflow: hidden;
  border-radius: 50%;
  width: .98rem;
  height: .98rem;
  margin-top: .12rem;
}
.intro-item .item-2 .con{
  padding-left: 1.40rem;
  margin-top: .30rem;
  padding-top: .30rem;
}
.intro-item .item-2 .con .name{
  font-size: .24rem;
  color: #1a56a4;
  line-height: 1;
}
.intro-item .item-2 .con .pro{
  margin-top: .15rem;
}
.look-more{
  text-align: center;
  width: 2.50rem;
  height: .60rem;
  line-height: .60rem;
  color: #95a6ad;
  font-size: 0.24rem;
  margin: 0.4rem auto;
  border: 0.01rem solid #c6d8e0;
  border-radius: 0.08rem;
}

.v-mem{
  padding: 0 0.25rem;
   background: #ffffff;
}
.mem-btn{
  /*padding-bottom: 0.5rem; */
}
.mem-btn1{
  width: 6.99rem;
  height: 3.74rem;
  background: url(../images/driveVip/level-1.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.5rem;
}
.mem-btn em{
  display: block;
  width: 100%;
  height: 100%;
}
.mem-btn2{
  width: 6.99rem;
  height: 4.18rem;
  background: url(../images/driveVip/level-2.png) no-repeat;
  background-size: 100% 100%;
}

.v-footer{
  background: #ffffff;
}

.feedback{
  display: block;
  width: 3.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #95a6ad;
  font-size: 0.24rem;
  margin: 0.5rem auto;
  border:0.01rem solid #c3d6de;
  border-radius: 0.08rem;
}


/*吸底*/
.fixed-bottom{
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 1.00rem;
  background: #484a4a;
  color: #bda66f;
  box-sizing:border-box;
  padding: 0.25rem 0.24rem 0;
}
.fixed-bottom .bottom-i{
  width: 1.2rem;
  height: 0.3rem;
}
.fixed-bottom .bottom-name{
  color: #fefefe;
  font-size: .3rem;
  margin-right: .22rem;
}
.fixed-bottom .btn-com2{
  display: inline-block;
  height: .56rem;
  line-height: .56rem;
  width: 3.18rem;
  color: #fff;
  font-size: .26rem;
  text-align: center;
  background: -webkit-linear-gradient(left,#31b2e5,#2879e9);
  background: -moz-linear-gradient(left,#31b2e5,#2879e9);
  background: -ms-linear-gradient(left,#31b2e5,#2879e9);
  background: linear-gradient(left,#31b2e5,#2879e9);
  border-radius: .10rem;
  letter-spacing:0.01rem;
  cursor: pointer;
}

/*申请报名*/

.modal-dialog{
  width: 100%;
  height: 100%;
  margin: 0;

}
@media (min-width: 768px){
  .modal-dialog {
      width: 100%;
      margin: 0;
  }
}
.col-xs-8{
  padding: 0
}
.modal-content{
  border-radius: 0px;
}
.model-lp-exit{
  position: absolute;
  top: .20rem;
  right: .20rem;
  width: .46rem;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  border:0.01rem solid #c3d6de;
  color: #c3d6de;
  font-size: .30rem;
  z-index: 2;
  border-radius: 50%;
  cursor: pointer;
}
.apply-tit{
  font-size: .30rem;
  text-align: center;
  color: #0046a7;
  font-size: 0.36rem;
  margin: -15px;
  padding: 15px;
  margin-bottom: .20rem;

  border-bottom: 1px solid #c3d6de;
  background: #fff;
}
.apply-tit .back{
  width: 0.2rem;
  height: 0.4rem;
  text-align: left;
}
.control-label{
  font-weight: normal;
  text-align: left!important;
}
.form-control{
  height: .70rem;
}
.has-feedback .form-control{
  padding-right: 0.3rem;
}
.body-apply .col-xs-4,.body-apply .col-xs-8{
  /*padding: 0;*/
}
.body-apply{
  padding: .40rem .40rem;
  border-radius: .18rem;
  color: #0046a7;
  font-size: .28rem;
}
.body-apply .type-btn{
  display: inline-block;
  border-radius:0.06rem;
  border:0.01rem solid #c3d6de;
  text-align: center;
  width: 2rem;
  height: .76rem;
  line-height: .76rem;
  color: #acbec6;
  margin-right: .10rem;
  cursor: pointer;
  position: relative;
}
.body-apply .type-btn.act{
  text-indent: .15rem;
  border:0.01rem solid #31b3e5;
  color: #31b3e5;
}
.body-apply .type-btn i{
  display: block;
  width: .33rem;
  height: .33rem;
  background: url(../images/driveVip/right.png) no-repeat ;
  background-size: 100% 100%;
  position: absolute;
  top: .20rem;
  left: .10rem;
  display: none;
}
.body-apply .type-btn.act i{
  display: block;
}
.body-apply .price{
  color: #f40f0f;
  font-size: .24rem;
}
.body-apply .o-price{
  font-size: .18rem;
  color: #acbec6;
  margin-left: .20rem;
  text-decoration: line-through;
}
.body-apply .buy-notice{
  color: #acbec6;
  font-size: .15rem;
  margin-left: .30rem;
}
.apply-notice{
  padding-top: .30rem;
  color: #0046a7;
  font-size: .28rem;
  border-top:0.01rem solid #daedf5;
  margin-top: .20rem;
  padding-bottom: .20rem;
}
.fp-notice{
  color: #acbec6;
  font-size: .24rem;
  margin-top: .10rem;
}
.apply-btn{
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1.1rem;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: .3rem;
  background: -webkit-linear-gradient(left,#31b2e5,#2879e9);
  background: -moz-linear-gradient(left,#31b2e5,#2879e9);
  background: -ms-linear-gradient(left,#31b2e5,#2879e9);
  background: linear-gradient(left,#31b2e5,#2879e9);

}
.modal-content{
  overflow: hidden;
  height: 100%;
  background: #f8fcfd;
}
.modal-body{
  background: url(../images/driveVip/bg5.jpg) no-repeat bottom #f8fcfd;
  background-size: 100%;
  /*padding-top: 0;*/
}
.level-1-price,.level-2-price{
  display: none;
}

.totop{
  width: 0.82rem;
  height: 0.82rem;
  position: fixed;
  right: 0.3rem;
  top: 70%;
  z-index: 3;
  cursor: pointer;
  display: none;

}
.totop img{
  width: 100%;
}
.help-block{margin-top: 0!important;}
.error{
	color: #f12d2e;
	font-size: 14px;
	display: block;
	height: 20px;
}
/*#applyForm .form-group{
	margin: 0!important;
}*/
.atn_button{
  display: block;
  width: 100%;
  height: 1.1rem;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: .3rem;
  border-radius: 0!important;
  background: -webkit-linear-gradient(left,#31b2e5,#2879e9);
  background: -moz-linear-gradient(left,#31b2e5,#2879e9);
  background: -ms-linear-gradient(left,#31b2e5,#2879e9);
  background: linear-gradient(left,#31b2e5,#2879e9);
}
.modal_box{
	background: #f8fcfd;
}
.input_border{
	border-radius:0.08rem;
	border: 1px solid #c3d6de;
	color:#0046a7;
}
.live_from_div{
	padding: .23rem .65rem;box-sizing: border-box;width: 100%;
}