﻿
/*班级 8.10*/
.class-list .carousel-wrap{ margin-left:-20px;}
.class-list li{width:33.3%;float:left;}
.class-list .li-box{ background:#fff;border-radius:4px; margin:20px 0 0 20px; padding:20px;border:1px solid #ebebeb; -webkit-transition:.3s; transition:.3s;}
.class-list .class-img{height:200px; overflow:hidden;}
.class-list .class-img img{width:100%; display:block; min-height:100%;}
.class-list .name{ font-size:18px; height:28px; line-height:28px; overflow:hidden; font-weight:bold; margin-top:10px;}
.class-list .name .price{ float:right; font-weight:normal;color:#f54444;}

.class-list .t-name{ font-size:14px; line-height:30px;color:#5b5b5b;}
.class-list .info{ line-height:24px; height:72px; overflow:hidden; color:#999; font-size:12px; margin-top:10px;}

.class-list .btn{ padding-top:15px;}
.class-list .btn a{width:130px;height:34px; font-size:14px; line-height:34px; text-align:center;border:1px solid #d1d1d1; text-align:center; display:block; margin:0 auto;color:#999;border-radius:4px; -webkit-transition:.3s; transition:.3s;}
.class-list .btn a:hover{border:1px solid #34bd74; color:#34bd74;}
.class-list .carousel-dots{bottom:0;}
.class-list .carousel-dots i{width:10px;height:10px; background:#666; margin:0 10px;}
.class-list .carousel-dots .on{ background:#28b56a;}

.p-ban-wrap{margin-right:-30px; padding:0px 0 40px 0;}
.p-ban-box{ width:25%; float:left;}
.p-box-cont{ margin:30px 30px 0px 0; background:#fff;border:1px solid #ebebeb; overflow:hidden;border-radius:5px;}
.p-cont-thumb{ height:180px; overflow:hidden; position:relative;}
.p-cont-thumb a {position: relative;z-index: 9}
.p-cont-thumb a img{width:100%;height: 100%;object-fit: cover;}
.p-cont-shade p{ display:block; line-height:32px;}
.p-cont-shade img{ width:15px; height:15px; float:left; margin-top:2px; margin-right:10px;}

.p-cont-shade li{ float:left; width:33.33%; text-align:center;line-height: 40px;border-right: 1px solid #e1e1e1;box-sizing: border-box;}
.p-cont-shade{padding: 15px 0;margin-bottom: 0;background-color:#f9f9f9;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.p-cont-shade li span{color: #919191;font-size: 14px;}
.p-cont-shade li:last-child{ border-right:0;}
.p-cont-shade li i{ color:#bbb;margin-right: 5px;}
.p-box-cont .p-cont-thumbBg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(top,hsla(0,0%,88%,0) 50%,rgba(0,0,0,.5));background-image: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background-image: linear,top,transparent 0,rgba(0,0,0,.5) 100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.p-box-cont .p-cont-thumbBg:hover {opacity: .2;filter: alpha(opacity=20);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.p-cont-mark{ padding:15px; position:relative;}
.p-cont-mark .name{ font-size:16px;height:26px;height:26px; overflow:hidden;}
.p-cont-mark .price{ position:absolute;right:15px;bottom:15px;font-size:20px; padding-left:14px;color:#f54444;}
.p-cont-mark .price font{ font-size:14px; position:absolute;top:0;left:0;}
.p-cont-mark .tname{ color:#999; line-height:22px;height:22px; margin-top:5px; overflow:hidden;}
.p-bt_height{ min-height:10px; position:absolute; bottom:0px; right:0px;}


.p-nav{ padding-left:60px; position:relative;}
.p-nav-title{ position:absolute; left:0px;line-height:30px;}
.p-top-list>li>span{ display:none;}
.p-top-list a{ margin-right:50px; line-height:30px; color: #999}
.p-top-list a:hover{ color:#02a6c2;}

.p-bot-list{ background-color:#f9f9f9; padding:15px; margin-left:-15px; margin-top:10px;}
.p-bot-list a{ margin-right:40px; display:inline-block; line-height:30px; color:#999}
.p-bot-list a:hover{ color:#02a6c2;}


/*--------标题--------*/
.content-tit em {display: block;width: 70px;height: 24px;border-bottom: 2px #666 solid;float: left;}
.content-tit h2{font-size:28px;font-weight: normal;float:left;margin-left:10px;line-height: 50px;}
.content-tit i{float: left;font-size:20px;color: #999;margin-left:10px;line-height: 50px;}