.main{width:100%;padding:0 0 80px 0;}
.podcast_main > div > form {position: relative;}
.podcast_main > div > form  h3{height:80px;line-height:80px;font-size: 30px;color:#fff;border-bottom:1px solid #326c78;margin-bottom: 60px;}
.podcast_main > div > form  .search{width: 300px;margin: 40px 0 0 0;position: absolute;right:0;top:-20px;}
.podcast_main > div > form  .search input{width:300px;height:42px;border-radius: 21px;background:rgba(255,255,255,0.1);border: none;color:#9d9fae;font-size: 16px;text-indent: 20px;}
.podcast_main > div > form  .search a{width: 42px;height: 42px;display: block;position:absolute;top:0;right:0;background: url(img/ic_search.png) no-repeat center center;background-size: 20px 20px;}
.podcast_main > div > form > .sort{width:100%;overflow: hidden;margin: 0 0 10px 0;}
.podcast_main > div > form > .sort span{font-size: 16px;color: #fff;float: left;}
.podcast_main > div > form > .sort ul{width:93.5%;float:right;}
.podcast_main > div > form > .sort ul li{float: left;color: #9ca0ac;margin: 0 10px 20px 10px;padding: 3px 15px;background:rgba(255,255,255,0);border-radius: 15px;transition: all 0.2s;}
.podcast_main > div > form > .sort ul li:hover{background:rgba(255,255,255,0.2);padding: 3px 15px;}
.podcast_main > div > form > .sort ul li.active{background:#00F2D1;color: #041133;border-radius: 15px;padding: 3px 15px;font-weight: bold;}
.podcast_main > div > form > .sort ul li.active a {color:#041133;}
.podcast_main > div > form > .sort ul li a {color:#9ca0ac}

.main_list{width:100%;overflow: hidden;margin-left: -1%;}
.main_list .box{width:20%;float: left;cursor: pointer;transition: all 0.3s;}
.search_result{color: #9ca0ac;font-size: 16px;height: 50px;line-height: 50px;}
.main_list .box .podcast_img{width:90%;height:180px;overflow: hidden;position: relative;margin: 0 0 0 5%;}
.main_list .box .podcast_img img{width: 100%;min-height: 180px;transition: all 0.3s;}
.main_list .box .podcast_img p{width: 150px;height:30px;line-height:30px;color: #fff;font-size: 16px;position: absolute;bottom: 0;left: 0;z-index: 999;text-indent: 10px;font-weight: bold;}
.main_list .box .podcast_img .praise{width: 18px;height:18px;background: url(img/ic_z1.png) no-repeat left top;background-size: 18px;position: absolute;right: 40px;bottom:10px;}
.main_list .box .podcast_img .praise1{width: 18px;height:18px;background: url(img/ic_z2.png) no-repeat left top;background-size: 18px;position: absolute;right: 40px;bottom:10px;}
.main_list .box .podcast_img .collect{width: 18px;height:18px;background: url(img/ic_s1.png) no-repeat left top;background-size: 18px;position: absolute;right: 10px;bottom:10px;}
.main_list .box .podcast_img .collect1{width: 18px;height:18px;background: url(img/ic_s2.png) no-repeat left top;background-size: 18px;position: absolute;right: 10px;bottom:10px;}
.main_list .box .podcast_img .label{width: 18px;height:18px;background: url(img/ic_b1.png) no-repeat left top;background-size: 18px;position: absolute;right: 10px;bottom:10px;}
.main_list .box .podcast_img .label1{width: 18px;height:18px;background: url(img/ic_b2.png) no-repeat left top;background-size: 18px;position: absolute;right: 10px;bottom:10px;}
.main_list .box .about{width: 90%;overflow: hidden;padding:0 0 60px 0;margin: 0 0 20px 5%;transition: all 0.3s;}
.main_list .box .about h5{width:100%;height:50px;line-height:50px;font-size: 18px;overflow: hidden;text-overflow:ellipsis;text-indent:0;white-space: nowrap;font-weight: normal;transition: all 0.3s;}
.main_list .box .about h5 a {color: #fff;}
.main_list .box .about  p{font-size: 14px;background: url(img/ic_teacher1.png) no-repeat left center;background-size:14px;color:#fff;text-indent: 20px;transition: all 0.3s;}
.main_list .box .about .play_volume{width: 50%;height:30px;line-height:30px;margin:20px 0 0 0;display:block;float:left;background: url(img/ic_playvolume.png) no-repeat left center;background-size: 18px;text-indent: 25px;color: #9094a0;font-size: 14px;transition: all 0.3s;}
.main_list .box .about .praise_volume{width: 50%;height:30px;line-height:30px;margin:20px 0 0 0;display:block;float:left;background: url(img/ic_praise.png) no-repeat left center;background-size: 16px;text-indent: 25px;color: #fff;font-size: 14px;transition: all 0.3s;}
.main_list .box:hover .about{background: rgba(255,255,255,0.1);}
.main_list .box:hover .podcast_img img{transform: scale(1.2);}
/* .main_list .box:hover .about h5{color:#00F2D1;font-weight: bold;text-indent:10px;}
.main_list .box:hover .about  p{background: url(img/ic_teacher1.png) no-repeat 10px center;text-indent: 30px;}
.main_list .box:hover .about .play_volume{background: url(img/ic_playvolume.png) no-repeat 10px center;background-size: 18px;text-indent: 35px;}
.main_list .box:hover .about .praise_volume{background: url(img/ic_praise.png) no-repeat 10px center;background-size: 16px;text-indent: 35px;} */

.set_image_all {cursor: pointer;position: relative;margin: 0;transition: all 0.3s;}
/* .main_list .box:hover .set_image_all{margin: 0 0 0 10px;} */
.set_image_all .set_image_item {position: relative;display: inline-block;z-index: 11;visibility: visible;}
.set_image_all .set_image_top {position: absolute;left: 0;top: -1px;z-index: 10;}
.set_image_all .set_image_top>div {display: inline-block;overflow: hidden;}
.set_image_all .set_image_top>div>img {height: 100%;}
.grade {vertical-align: top;color:#9094a0;margin: 0 0 0 10px;}


.podcast_main .page{height:30px;text-align: center;margin: 50px 0 0 0;}
.podcast_main .page a{color: #fff;font-size: 16px;margin: 0 5px;padding: 3px 10px;}
.podcast_main .page a.prev{background: #00F2D1;border-radius: 15px;color: #041133;padding: 3px 10px;margin: 0 20px;}
.podcast_main .page a.next{background: #00F2D1;border-radius: 15px;color: #041133;padding: 3px 10px;margin: 0 20px;}
.podcast_main .page a.active{background: #00F2D1;color: #041133;border-radius: 15px;}