lixin-web/webapp/css/vipclub.css

vue and bootstrap

/*帮助中心*/
.vip-banner{height: 250px;width: 100%;margin-top: -2px;background: url(../img/vipclub/vip_02.jpg) center;}
.vip-tit{display: table;margin: 0 auto;color: #fff;text-align: center;}
.vip-tit h2{margin-top: 60px;margin-bottom: 0}
.vip-main{max-width: 980px;margin: 30px auto;}
.vip-main .panel-default>.panel-heading{background: #50565e;color: #fff;border:none;}
.vip-main  .panel-default{border:none;text-align: left;}
.vip-main p{color: #787876;margin-bottom: 0;line-height: 1.8}
.vip-main .panel-body h4{color: #00c4ff;font-size: 16px;line-height: 2;margin-top: 30px;}
.vip-main h5{font-size: 14px;line-height: 2}
.vip-main .panel-body h4:first-child{margin-top: 0}
.vip-main .panel-body{padding: 30px }
.vip-main .panel-group .panel+.panel{margin-top: 0}
.vip-main .panel-default .curron{background: #00c4ff}
  	.vip-min h1{font-size:22px;color:#fff;text-align:center;line-height:26px;margin:0;padding-top:50px;}
  	.vip-min h5{font-size:12px;color: #fff;text-align:center;}
  	.vip-min a{display:inline-block;height:252px;padding:0;}
  	.vip-min a img{display:block;text-align:center}
  	.vap-table tr td{border:1px solid #d4d4d4;text-align:center;padding:8px 0;border-top:none;    vertical-align: middle;}
  	.vap-table table{width:980px;margin-top:20px;}    
    .vap-table table thead{background: #00c4ff; color: #fff;}
.vip-main{position:relative}
    
    .vip-img01{
    background: url(../img/vipclub/vip_05.png) center no-repeat;


        }
    .vipli{width: 180px;height: 252px;display:inline-block;margin-right: 14px;}
    .vipli:nth-child(1){
      background: -webkit-linear-gradient(350deg,#bab7fa,#d89bcd);
      background: -o-linear-gradient(350deg,#bab7fa,#d89bcd);
      background: -moz-linear-gradient(350deg,#bab7fa,#d89bcd);
      background: linear-gradient(350deg,#bab7fa,#d89bcd);
}
.vipli:nth-child(5){margin-right: 0;}
    .vipli:nth-child(2){
    background: -webkit-linear-gradient(350deg,#f1bf7f,#f69471);
    background: -o-linear-gradient(350deg,#f1bf7f,#f69471);
    background: -moz-linear-gradient(350deg,#f1bf7f,#f69471);
    background: linear-gradient(350deg,#f1bf7f,#f69471);
}
    .vipli:nth-child(3){
    background: -webkit-linear-gradient(350deg,#72d5c4,#b4de80);
    background: -o-linear-gradient(350deg,#72d5c4,#b4de80);
    background: -moz-linear-gradient(350deg,#72d5c4,#b4de80);
    background: linear-gradient(350deg,#72d5c4,#b4de80);
}
    .vipli:nth-child(4){
        background: -webkit-linear-gradient(350deg,#87bee4,#a8a5ed);
    background: -o-linear-gradient(350deg,#87bee4,#a8a5ed);
    background: -moz-linear-gradient(350deg,#87bee4,#a8a5ed);
    background: linear-gradient(350deg,#87bee4,#a8a5ed);
}
    .vipli:nth-child(5){
    background: -webkit-linear-gradient(350deg,#74d5c3,#b4de80);
    background: -o-linear-gradient(350deg,#74d5c3,#b4de80);
    background: -moz-linear-gradient(350deg,#74d5c3,#b4de80);
    background: linear-gradient(350deg,#74d5c3,#b4de80);
}
.vipli:nth-child(1):hover{
    background: linear-gradient(350deg, #d89bcd, #bab7fa);
}
    .vipli:nth-child(2):hover{
     background: linear-gradient(350deg, #f69471, #f1bf7f)
}
    .vipli:nth-child(3):hover{
    background: linear-gradient(350deg, #b4de80, #72d5c4)
}
    .vipli:nth-child(4):hover{
      background: linear-gradient(350deg, #a8a5ed, #87bee4)
}
    .vipli:nth-child(5):hover{
    background: linear-gradient(350deg, #b4de80, #74d5c3)
}



   .vip-img02{background: url(../img/vipclub/vip_07.png) center no-repeat;}
   .vip-img03{background: url(../img/vipclub/vip_09.png) center no-repeat;}
   .vip-img04{background: url(../img/vipclub/vip_11.png) center no-repeat;}
   .vip-img05{background: url(../img/vipclub/vip_13.png) center no-repeat;}

  .vip-tit{font-size:18px;color:#333333;text-align:left;width: 100%;}
  .vip-tit span{color:#00c4ff}
  .vip-min{margin: 20px 0;}
  .vap-table{width:100%;overflow: auto;}
  	@media screen and (min-width:768px){
  	

  	}
@media screen and (max-width:768px){
.vip-min a{width: 100%;}
.vip-tit{text-align:center}
.vipli{width:100%;margin:0}
    
}