/*班级 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:-20px;}
.p-ban-box{ width:25%; float:left;}
.p-box-cont{ margin:20px 20px 0px 0; background:#fff;overflow:hidden;box-shadow: 0px 2px 8px 1px rgba(187,212,249,0.32);border-radius: 12px;}
.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-info{padding: 16px;}
.p-cont-mark{padding: 20px 16px;border-top: 1px solid #F5F7FA;display: flex;flex-direction: row;justify-content: space-between;align-items: center;   height: 64px;box-sizing: border-box;}
.p-cont-mark .price{ font-size:20px; padding-left:14px;color:#FA6432;font-weight: 500;}
.p-cont-mark .price font{ font-size:14px;}
.p-cont-mark .tname{ color:#ADB0B5; font-size: 14px; line-height:22px;height:22px; overflow:hidden;}
.p-cont-name{height: 24px;line-height:24px;font-weight: 500;font-size: 16px;color: #252A31;margin-bottom: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.p-cont-shadeitem{margin-left: 16px;display: flex;flex-direction: row;align-items: center;}
.p-cont-shadeitem i{color:#CFD3D9;display: inline-block;width: 18px;height: 18px;margin-right: 4px;}
.p-cont-shadeitem .coscount-icon{background: url('class-icon1.png') no-repeat center;}
.p-cont-shadeitem .stucount-icon{background: url('class-icon2.png') no-repeat center;}
.p-cont-shadeitem .pjcount-icon{background: url('class-icon3.png') no-repeat center;}
.p-cont-shadeitem span{font-size: 14px;}
.p-cont-shade{display: flex;flex-direction: row;justify-content: flex-end;}
.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 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-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;}