lixin-web/webapp/css/activity.css

vue and bootstrap

/*优惠活动*/
.ac-banner{width: 100%;height: 189px;background: url(../img/lixinnew/8.jpg) center;}
.ac-main{max-width: 980px;margin: 40px auto;overflow: auto;}
.ac-list{width: 128px;float: left;padding-left: 0}
.ac-list li{color:#898989;height: 38px;line-height: 38px;text-align: center;border:1px solid #ddd;margin-bottom: 10px;width: 128px;cursor: pointer;}
.ac-list .curren{background: #00c4ff;color: #fff}
.ac-cont{max-width: 800px;float: right;border:1px solid #ddd;}
.ac-cont .img1{width: 100%}
.ac-cont .panel-default>.panel-heading{background: #fff}
.ac-cont .panel-default{border-color: transparent;}
#accordion .panel-default{display:none}
.ac-cont .panel-title h3{margin: 0;}
.ac-cont p{line-height:30px}
.ac-cont .time{font-size: 16px;color: #bfbfbf;margin-top: 15px;margin-bottom: 0}
a:focus, a:hover{text-decoration: none;}
.ac-cont .panel-default>.panel-heading .panel-title{position: relative;}
.ac-cont .panel-default>.panel-heading a img{position: absolute;right: 20px;top: 20px;}
.ac-cont table thead{background: #44b18c;color: #fff;text-align:center}
.ac-cont table thead td{border-color:#329e7a}
.ac-cont table td{padding:10px;border:1px solid #ddd;text-align:center}
 #activity-ZhiShu .btn-danger,#activity-ZongDai .btn-danger,#activity-recharge .btn-danger,#activity-ZhiShu .btn-success,#activity-ZongDai .btn-success,#activity-recharge .btn-success{margin: 8px auto;text-align: center;width: 130px;height: 40px !important;margin-left: 41%;}
.ac-cont table{width:100%;    margin-bottom: 20px;}
.ac-cont table th{padding:10px;text-align:center}
.ac-cont .button-group {text-align: center;margin: 10px;}
#activity-ShouChong .btn,.ac-cont .button-group .btn{width:150px;height:40px !important}
#activity-ShouChong .btn{margin-left:41%}
.active-end img:first-child{  -webkit-filter: grayscale(0.8);
        -moz-filter: grayscale(0.8);
        -o-filter:  grayscale(0.8);
        -ms-filter:grayscale(0.8);
         filter:  grayscale(0.8);
        opacity: .7; /* fallback */  }
.active-end {position: relative;}
.active-end .jieshu{position: absolute;top: 0;left: 0;    height: 100%;}
.ac-cont>div{display: none;}
.ac-cont .panel-group{padding:15px;}
body {background: #fff;}
.g.g1 {width: 37%;text-align: left;display: inline-block;}
.g.g2{text-align:left;}
.g {text-align: center;}
.w-b2,.w-b2[data-command="receive"] {
    line-height: 20px;
    width: 95px;
    background: #22ACB4;
    color: white;text-align: center;
    display: inline-block;
    border-radius: 12px;
    cursor: pointer;
    margin-left: 12px;
    font-size: 13px;
}
.f2 {
    background: url(../img/activity/FF_07.jpg) no-repeat 46px 4px;
    height: 30px;
}
p.button_l{text-align:center;}
.panel-body .btn{     padding: 0 25px !important;
    height: 40px !important;
    line-height: 40px !important;
    border: 1px solid #0da9d8;
    display: inline-block;
    cursor: pointer;
    margin: 0 3px;
    color: #fff;
    background: #00c4ff;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0 6px #0da9d8;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    position: relative;margin:10px auto; 
}
.panel-body .btn:active {
    box-shadow: 0 0 #ab3c3c;
    top: 6px;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{
	color: #fff;
    background-color: #00c4ff;
    border: none;
    outline: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none;}
@media screen and (max-width:768px){
	.ac-list li{width:33.33%;float:left;border-radius: 50px;}
	.ac-list{width:99%}
	.ac-cont{    max-width: 100%;}
	.panel-heading h3{font-size:20px;}
	.ac-cont .panel-default>.panel-heading a img{top:52px;}
	.table-responsive{}
	.ac-cont .panel-default>.panel-heading a img{right:-28px;top:15px}

	 .table-responsive::-webkit-scrollbar {
        width:10px;
        height:10px;
    }
    .table-responsive::-webkit-scrollbar-button    {
        background-color:#FF7677;
    }
    .table-responsive::-webkit-scrollbar-track     {
        background:#FF66D5;
    }
    .table-responsive::-webkit-scrollbar-track-piece {
    }
    .table-responsive::-webkit-scrollbar-thumb{
        background:#FFA711;
        border-radius:4px;
    }
    .table-responsive::-webkit-scrollbar-corner {
        background:#82AFFF;
    }
    .table-responsive::-webkit-scrollbar-resizer  {
        background:#FF0BEE;
    }
    
    .table-responsive::-moz-scrollbar {
        -moz-appearance: none !important;   
       background: rgb(0,255,0) !important;
    }
    .table-responsive::-moz-scrollbar-button    {
       -moz-appearance: none !important;   
       background-color: rgb(0,0,255) !important; 
    }
    .table-responsive::-moz-scrollbar-track     {
        background:#FF66D5;
    }
    .table-responsive::-moz-scrollbar-track-piece {
    }
    .table-responsive::-moz-scrollbar-thumb{
        background:#FFA711;
        border-radius:4px;
    }
    .table-responsive::-moz-scrollbar-corner {
        background:#82AFFF;
    }
    .table-responsive::-moz-scrollbar-resizer  {
        background:#FF0BEE;
    }
    
    .table-responsive::scrollbar {
        width:10px;
        height:10px;
    }
    .table-responsive::scrollbar-button    {
        background-color:#FF7677;
    }
    .table-responsive::scrollbar-track     {
        background:#FF66D5;
    }
    .table-responsive::scrollbar-track-piece {
    }
    .table-responsive::scrollbar-thumb{
        background:#FFA711;
        border-radius:4px;
    }
    .table-responsive::scrollbar-corner {
        background:#82AFFF;
    }
    .table-responsive::scrollbar-resizer  {
        background:#FF0BEE;
    }
    /*
        滚动条样式结束
    */
}