.teachingResearchResources_wrapper{margin-top:20px}.teachingResearchResources_wrapper .top-box{background-color:#fff;border-radius:5px;border:1px solid #efefef;padding:10px 20px}.teachingResearchResources_wrapper .detail_box{margin-top:20px;display:flex;justify-content:space-between}.teachingResearchResources_wrapper .detail_box .resource_list{width:300px;height:500px;background-color:#fff;border-radius:5px}.teachingResearchResources_wrapper .detail_box .resource_list .name{height:40px;background-color:#75ced1;color:#fff;text-align:center;line-height:40px;font-size:18px}.teachingResearchResources_wrapper .detail_box .resource_list>ul{height:460px;border:1px solid #efefef}.teachingResearchResources_wrapper .detail_box .resource_list>ul li{height:40px;line-height:40px;text-indent:1em;font-size:16px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.teachingResearchResources_wrapper .detail_box .resource_list>ul li.on{background-color:rgba(117,206,209,.3);color:#75ced1;border-left:2px solid #75ced1}.teachingResearchResources_wrapper .detail_box .video_box{width:880px;height:500px;background-color:#333}.teachingResearchResources_wrapper .left_box{width:350px;height:600px;border:1px solid #efefef;border-radius:5px;float:left;background-color:#fff;padding:20px}.teachingResearchResources_wrapper .left_box .type_box{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:20px}.teachingResearchResources_wrapper .left_box .type_box .type_name{width:50px;font-size:16px}.teachingResearchResources_wrapper .left_box .type_box .type_choice{width:258px}.teachingResearchResources_wrapper .left_box .type_box .type_choice>span{display:inline-block;padding:3px 18px;border-radius:20px;margin-bottom:5px;cursor:pointer}.teachingResearchResources_wrapper .left_box .type_box .type_choice>span.on{background-color:#75ced1;color:#fff}.teachingResearchResources_wrapper .left_box .select_box{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.teachingResearchResources_wrapper .left_box .select_box .select_name{font-size:16px}.teachingResearchResources_wrapper .right_box{width:calc(100% - 370px);float:right}.teachingResearchResources_wrapper .right_box .top_box{max-height:50px;background-color:#fff;border:1px solid #efefef;border-radius:5px;padding:10px 40px 10px 20px;position:relative;overflow:hidden}.teachingResearchResources_wrapper .right_box .top_box .list>span{display:inline-block;padding:3px 15px;border-radius:20px;margin-bottom:10px;font-size:16px;cursor:pointer}.teachingResearchResources_wrapper .right_box .top_box .list>span.on{background-color:#75ced1;color:#fff}.teachingResearchResources_wrapper .right_box .top_box .icon1{font-size:28px;position:absolute;top:10px;right:20px}.teachingResearchResources_wrapper .right_box .List{margin-top:10px}.teachingResearchResources_wrapper .right_box .List .item{height:70px;background-color:#fff;border:1px solid #efefef;border-radius:5px;margin-bottom:10px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.teachingResearchResources_wrapper .right_box .List .item .file_icon{width:70px}.teachingResearchResources_wrapper .right_box .List .item .center_box{width:calc(100% - 150px);height:100%;display:flex;flex-direction:column;justify-content:space-between}.teachingResearchResources_wrapper .right_box .List .item .center_box .name{font-size:16px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.teachingResearchResources_wrapper .right_box .List .item .center_box .other{font-size:14px;color:#999}.teachingResearchResources_wrapper .right_box .List .item .play_box .btn_two{padding:5 15px}