/*精品课程*/
.main,body {background:#1f2444;}
.main {padding:0 0 50px 0;}
.left {float:left;}
.right {float:right;}

.course_main > div > .left{width:25%;}
.course_main > div > .left h3{height:80px;line-height:80px;font-size: 30px;color:#fff;border-bottom:1px solid #326c78;}
.course_main > div > .left .search{width: 100%;margin: 40px 0 0 0;position: relative;}
.course_main > div > .left .search input{width: 100%;height:42px;border-radius: 21px;background:#081132;border: none;box-shadow: 0 5px 10px rgba(0,0,0,0.2);color:#9d9fae;font-size: 16px;text-indent: 20px;}
.course_main > div > .left .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;}
.course_main > div > .right{width:72%;}
.course_main > div > .right > p{height:80px;line-height:100px;border-bottom:1px solid #326c78;font-size: 16px;color: #9d9fae;}

.quality_main1{width:100%;overflow: hidden;display: block;}
.quality_main1 > .left{width:25%;}
.quality_main1 > .right{width:72%;}

.quality_main1 > .right{width:72%;}
.quality_main1 > .right > p{height:80px;line-height:100px;border-bottom:1px solid #326c78;font-size: 16px;color: #9d9fae;}
.quality_main1 > .right ul{overflow: hidden;margin: 0 0 0 -3%;}
.quality_main1 > .right ul li{width:30.33333333%;margin:0 0 30px 3%;float: left;overflow: hidden;cursor: pointer;background: #195091;box-shadow:10px 10px 10px rgba(0,0,0,0.12);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.quality_main1 > .right ul li .show_img{width: 100%;height:210px;overflow: hidden;}
.quality_main1 > .right ul li .show_img img{width:100%;min-height:210px;transition: all 0.3s;}
.quality_main1 > .right ul li:hover .show_img img{transform: scale(1.2);}
.quality_main1 > .right ul li:hover .show_present h5{color:#00F2D1;}
.quality_main1 > .right ul li:hover .show_present p{color:#fff;}
.quality_main1 > .right ul li .show_present{position: relative;}
.quality_main1 > .right ul li .show_present h5{font-size: 20px;font-weight:normal;color: #fff;width: 70%;margin: 20px 0 5px 5%;transition:all 0.2s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.quality_main1 > .right ul li .show_present .sort{font-size: 14px;color:#c5d2e3;padding:3px 5px;background: #0b214a;border-radius: 2px;position:absolute;right:5%;top:2px;}
.quality_main1 > .right ul li .show_present .number{width: 90%;margin: 0 auto;color: #fff;display: block;}
.quality_main1 > .right ul li .show_present > p{width: 90%;margin: 15px auto;font-size: 14px;color:#688db7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;transition:all 0.3s;min-height:57px;}
.quality_main1 > .right ul li .show_present div{width:90%;margin: 0 auto 20px auto;overflow: hidden;}
.quality_main1 > .right ul li .show_present div p{width:70%;float: left;color: #fff;background: url(img/ic_teacher.png) no-repeat left center;margin: 10px 0;text-indent: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.quality_main1 > .right ul li .show_present div span{width:25%;float: right;color: #fff;font-size: 14px;margin: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: right;}
.page{text-align: center;margin: 50px 0 0 0;height: 50px;}
.page a{color: #fff;font-size: 16px;margin: 0 5px;padding: 3px 10px;}
.page a.prev{background: #00F2D1;border-radius: 15px;color: #041133;padding: 3px 10px;margin: 0 20px;}
.page a.next{background: #00F2D1;border-radius: 15px;color: #041133;padding: 3px 10px;margin: 0 20px;}
.page a.active{background: #00F2D1;color: #041133;border-radius: 15px;}

.quality_tab{width:100%;height:60px;line-height:60px;background: #081132;border-radius: 10px;margin: 24px 0 60px 0;color: #9d9fae;}
.quality_tab a{color: #9d9fae;font-size: 16px;margin: 0 20px;}
.quality_tab a:first-child {margin-left:26px;}
.quality_tab a.active{color: #00F2D1;font-weight: bold;}
.quality_main1 > .right ul.quality_ul li{background: #45898a;}
.quality_main1 > .right ul.quality_ul li .show_present h5{font-size: 20px;font-weight:normal;color: #fff;width: 90%;margin: 20px 0 5px 5%;transition:all 0.2s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.quality_main1 > .right ul.quality_ul li .show_present > p{color: #8fb7b7;}
.quality_main1 > .right ul.quality_ul li .show_present div{font-size:14px;color:#fff;}
.quality_main1 > .right ul.quality_ul li .show_present div p{width:auto;float: left;color:#fff;background: none;text-indent: 0;}
.quality_main1 > .right ul.quality_ul li .show_present div span{width:auto;float: left;text-align: left;}
.quality_main1 .left .sort .second_ul li a {background-image:none;border-bottom:none;}

.quality_main2{width:100%;overflow: hidden;display: none;}
.quality_main2 > .left{width:25%;margin-bottom:50px;}
.quality_main2 > .right{width:72%;}
/*.quality_main2 > .right > ul > li{width:100%;overflow: hidden;transition: all 0.2s;border-bottom:1px solid #545772;}*/
/*.quality_main2 > .right > ul > li .left{width:calc(70% - 58px);}*/
/*.quality_main2 > .right > ul > li h5{width:100%;height:50px;line-height:50px;font-size: 20px;color: #fff;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}*/
/*.quality_main2 > .right > ul > li p{width:100%;height:40px;line-height:40px;font-size: 14px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}*/
/*.quality_main2 > .right > ul > li .right{width:30%;}*/
/*.quality_main2 > .right > ul > li .right .time{width:100%;display:block;background: url(img/user_date1.png) no-repeat left top;background-size: 16px;margin:15px 0 0 0;text-indent: 20px;color: #00F2D1;font-size: 14px;}*/
/*.quality_main2 > .right > ul > li .right .see_number{width:100%;display:block;background: url(img/ic_see.png) no-repeat left top;background-size: 16px;margin:15px 0 0 0;text-indent: 20px;color: #00F2D1;font-size: 14px;}*/
/*.quality_main2 > .right > ul > li:hover{background: rgba(255,255,255,0.1);}*/
.quality_main2 > .right > form > ul > li{width:100%;overflow: hidden;transition: all 0.2s;border-bottom:1px solid #545772;}
.quality_main2 > .right > form > ul > li .left{width:calc(70% - 58px);}
.quality_main2 > .right > form > ul > li h5{width:100%;height:50px;line-height:50px;font-size: 20px;color: #fff;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.quality_main2 > .right > form > ul > li p{width:100%;height:40px;line-height:40px;font-size: 14px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.quality_main2 > .right > form > ul > li .right{width:30%;}
.quality_main2 > .right > form > ul > li .right .time{width:100%;display:block;background: url(img/user_date1.png) no-repeat left top;background-size: 16px;margin:15px 0 0 0;text-indent: 20px;color: #00F2D1;font-size: 14px;}
.quality_main2 > .right > form > ul > li .right .see_number{width:100%;display:block;background: url(img/ic_see.png) no-repeat left top;background-size: 16px;margin:15px 0 0 0;text-indent: 20px;color: #00F2D1;font-size: 14px;}
.quality_main2 > .right > form > ul > li:hover{background: rgba(255,255,255,0.1);}

.quality_main >.right > div > h1{font-size: 26px;color: #fff;font-weight: normal;text-align: center;margin: 0 0 20px 0;}
.quality_main >.right > div > div{font-size: 14px;color: #797c8f;font-weight: normal;text-align: center;margin: 0 0 50px 0;}
.quality_main >.right > div > div span{margin: 0 20px 0 0;}
.quality_main >.right > div > p{width:90%;font-size: 16px;color: #d2d3da;font-weight: normal;text-align: justify;line-height: calc(2);text-indent:32px;margin: 0 auto;}

/*精品课程列表*/
.v9black_researchListTitle {font-size:16px;color:#dfe0e5;line-height:60px;text-indent:42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
background:url("img/v9black_researchList.png") no-repeat 16px center;}
.v9black_researchListTime {line-height:60px;color:#70738a;}
.v9black_researchListTitle a {color:#dfe0e5;}
.v9black_researchListTime span:first-child {background:url("img/noticeDate.png") no-repeat 5px center;display:inline-block;width:calc(65% - 36px)!important;
text-indent:30px;}
.v9black_researchListTime span:last-child {background:url("img/researchList.png") no-repeat 5px center;display:inline-block;width:35%!important;
text-indent:30px;}
.quality_main >.right > div.v9black_signalViewTitle {height:60px;line-height:60px;color:#fff;font-size:18px;text-align: left;width:100%;
background:#081132;border-radius:8px;text-indent:30px;margin-bottom:50px;}

.v9black_signalViewTable table {table-layout: fixed;border-collapse: collapse;width:100%;}
.v9black_signalViewTable table tr td {border:1px solid #458a8d;line-height:60px;color:#fff;font-size:16px;}
.v9black_signalViewTable table tr td:first-child {background:#161c3d;text-indent:34px;width:216px;}
.v9black_signalViewTable table tr td:last-child {background:#1f2444;text-indent:28px;}
.v9black_signalViewTable table tr td.v9black_download {color:#999999;}
.v9black_signalViewTable table tr td.v9black_download a {display:inline-block;width:24px;height:26px;background:url("img/v9black_download.png") no-repeat center center;
    vertical-align: -7px;margin-right:10px;}
.v9black_signalViewTable table tr td.v9black_download a:hover {background:url("img/v9black_downloadHover.png") no-repeat center center;}

.v9black_signalPage {width:100%;height:60px;line-height:60px;text-indent:28px;color:#fff;font-size:20px;background:#081132;border-radius:6px;margin-bottom:60px;}
.v9black_signalPageTitle {margin-top:45px;text-align: center;font-size:26px;color:#fff;font-weight: bold}
.v9black_signalPageTime {color:#70738a;text-align: center;margin-top:20px;font-size:14px;}
.v9black_signalPageContent {margin-top:30px;color:#ccced7;font-size:16px;line-height:30px;text-indent:32px;}
.v9black_researchListMain h1 {margin-top:0;}


/*自建页面*/
.v9black_selfBuildView {padding:84px 80px 34px 80px;background:#061130}
.v9black_selfBuildView:first-child {padding-top:84px;}
.v9black_selfBuildViewDecorate {width:90px;height:2px;background:#02feff;}
h1 {font-size:30px;color:#fff;margin-top:20px;}
.v9black_selfBuildViewArticleDetail {margin-top:70px;font-size:16px;color:#d2d3da;line-height:30px;border-bottom:1px solid #39415a;}
.v9black_selfBuildViewPictureList {margin-top:70px;padding-bottom:14px;border-bottom:1px solid #39415a;}
.v9black_selfBuildViewPictureList ul li {width:calc((100% - 159px)/4);height:210px;margin-left:53px;float:left;margin-bottom:60px;overflow: hidden}
.v9black_selfBuildViewPictureList ul li div,.v9black_selfBuildViewPictureList ul li div img {height:100%;}
.v9black_selfBuildViewPictureList ul li div img {transition: all 0.3s;}
.v9black_selfBuildViewPictureList ul li div img:hover {transform: scale(1.2)}
.v9black_selfBuildViewPictureList ul li a img {width:100%;min-height:210px;transition: all 0.3s;}
.v9black_selfBuildViewPictureList ul li:hover a img {transform: scale(1.2);}
.v9black_selfBuildViewPictureList ul li:nth-of-type(4n+1) {margin-left:0;}
.v9black_selfBuildViewImgTextList {margin-top:70px;padding-bottom:14px;border-bottom:1px solid #39415a;}
.v9black_selfBuildViewImgTextList ul li {width:calc((100% - 159px)/4);margin-left:53px;float:left;margin-bottom:60px;}
.v9black_selfBuildViewImgTextList ul li:nth-of-type(4n+1) {margin-left:0;}
.v9black_selfBuildViewImgTextListImg {overflow:hidden;height:210px;}
.v9black_selfBuildViewImgTextListImg img {width:100%;min-height:210px;}
.v9black_selfBuildViewImgTextListCon {width:100%;height:150px;background:#195091;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.v9black_selfBuildViewImgTextListCon > div {width:calc(100% - 40px);height:102px;padding:24px 20px;}
.v9black_selfBuildViewImgTextListConTitle {font-size:18px;color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.v9black_selfBuildViewImgTextListConDetail {font-size:14px;color:#7898be;margin-top:28px;line-height:24px;display: -webkit-box; overflow: hidden;
    text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.v9black_selfBuildViewImgTextList ul li div.pic {overflow:hidden;height:210px;}
.v9black_selfBuildViewImgTextList ul li:hover img {transform: scale(1.2);}
.v9black_selfBuildViewImgTextList ul li img {transition: all 0.3s;width:100%;height:100%;}
.v9black_selfBuildViewImgTextList ul li:hover .v9black_selfBuildViewImgTextListConTitle {color:#00F2D1}
.v9black_selfBuildViewImgTextList ul li:hover .v9black_selfBuildViewImgTextListConDetail {color:#fff;}
.v9black_textListLi h5 {font-size:26px;font-weight:bold;margin-bottom:50px;}
.v9black_textListLi {padding:74px 0;border-bottom:1px dashed #39415a}
.v9black_textListLi:first-child {padding-top:0;}
.v9black_textListLi:last-child {border-bottom:none;}
.v9black_noticeDetail .v9black_signalViewTable {margin-top:38px;padding-bottom:38px;}

/*.v9black_researchList {margin-top:50px;}*/


/*研究型教学列表详情*/
.v9black_issueDetail {padding:56px 84px;background:#081132;margin-top:50px;margin-bottom:80px;}
.v9black_issueDetailTitle {text-align: center;font-size:26px;color:#fff;}
.v9black_issueDetailTime {text-align: center;font-size:16px;color:#545b75;margin-top:25px;}
.v9black_issueDetailContent {margin-top:40px;color:#d2d3da;text-indent:32px;line-height:32px;}
.v9black_issueDetailContent p {text-indent:32px;}
.v9black_qualityContent {width:100%;}
.v9black_issueThemeMsg {margin-top:40px;}
.v9black_issueCommonTitle {font-size:22px;color:#fff;background:url("img/v9black_issueDetailTitle.png") no-repeat left center;text-indent:22px;}
.v9black_issueThemeMsgTable {margin-top:20px;border:1px solid #458a8d;font-size:16px;color:#fff;}
.v9black_issueThemeMsgTableLeft ul li {width:296px;height:60px;line-height:60px;text-indent:30px;border-bottom:1px solid #458a8d;
    background:#1b2442 url("img/v9black_issueDetailClose.png") no-repeat 95% center;border-right:1px solid #458a8d;cursor:pointer}
.v9black_issueThemeMsgTableLeft ul li:hover,.v9black_issueThemeMsgTableLeft ul li.active {background:#1b2442 url("img/v9black_issueDetailOpen.png") no-repeat 95% center;color:#6ceed2;}
.v9black_issueThemeMsgTableRight {width:calc(100% - 362px);padding:34px 32px;border-left:1px solid #458a8d;min-height:114px;background:#081132;}
.v9black_issueEvaluation,.v9black_issueGroupEvaluation {margin-top:80px;}
.v9black_issueEvaluation table,.v9black_issueGroupEvaluation table {table-layout: fixed;border-collapse:collapse;width:100%;font-size:16px;color:#fff;margin-top:25px;}
.v9black_issueEvaluation table tr td,.v9black_issueGroupEvaluation table tr td {border:1px solid #458a8d;line-height:60px;}
.v9black_issueEvaluation table tr td:first-child,.v9black_issueGroupEvaluation table tr td:first-child {background:#1b2442;text-indent:30px;width:296px;}
.v9black_issueEvaluation table tr td:last-child,.v9black_issueGroupEvaluation table tr td:last-child {text-indent:34px;}
.v9black_issueGroupEvaluation table {table-layout: auto}


.left .sort{width: 94%;background:#081132;border-radius: 10px;padding:10px 3% 30px 3%;}
.left .sort h5 a {color:#fff;}
.left .sort h5{width:100%;height:45px;line-height:45px;text-indent:20px;border-radius:5px;background: #195091 url(img/sort_dian.png) no-repeat 95% center;
    background-size:10px;font-size: 18px;color: #fff;margin-top:30px;cursor: pointer}
.left .sort h5:first-child {margin-top:0;}
.second_ul {display:none;}
.second_ul li {font-size:16px;font-family: 微软雅黑;}
.second_ul li a {width:85%;padding-right:15%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.second_ul > li {line-height:54px;border-bottom:1px solid #075667;text-indent:30px;}
.second_ul > li > a {display:block;background:url("img/secondClose.png") no-repeat 95% center;color:#fff;}
.second_ul > li.active > a {background:url("img/secondOpen.png") no-repeat 95% center;border-bottom:1px solid #2D3451;color:#00f2d1;}
.second_ul > li.closeActive > a {background:url("img/secondClose.png") no-repeat 95% center;border-bottom:1px solid #2D3451;}
.left .sort h5.active {background: #195091 url("img/dot_ico.png") no-repeat 95% center;}
.third_ul {width:92%;margin:22px 4% 0 4%;display:none;}
.third_ul > li {line-height:28px;text-indent: 20px;margin-bottom:16px;}
.third_ul > li > a {display:block;color:#9d9fad;background:url("img/fourClose.png") no-repeat 95% center;border-radius:14px;}
.third_ul > li > a:hover {background:#00f2d1 url("img/thirdClose.png") no-repeat 95% center;;color:#333;}
.third_ul > li.active > a {background:#00f2d1 url("img/thirdOpen.png") no-repeat 95% center;color:#333;}
.third_ul > li.closeActive > a {background:#00f2d1 url("img/thirdClose.png") no-repeat 95% center;color:#333;}
.four_ul,.five_ul {margin-top:22px;display:none;}
.four_ul > li {text-indent:30px;margin-bottom:16px;}
.four_ul > li > a {line-height:28px;color:#9d9fad;display:block;background:url("img/fourClose.png") no-repeat 95% center;border-radius:14px;}
.four_ul > li > a:hover,.four_ul > li.active > a:hover {background-color:#39415b;color:#fff;}
.four_ul > li.active > a {background:#39415b url("img/fourOpen.png") no-repeat 95% center;color:#fff;}
.four_ul > li.closeActive > a {background:#39415b url("img/fourClose.png") no-repeat 95% center;color:#fff;}
.five_ul > li {margin-bottom:16px;text-indent:60px;}
.five_ul > li > a {color:#9a9fad;display:block;}
.five_ul > li.active > a {color:#2894ff;}
.five_ul > li > a:hover {color:#2894ff!important;}
.sort ul li.noActive a {background-image:none;}