.head-center { padding-top: 30px; padding-bottom: 24px; border-bottom: 1px solid #e6e6e6; }

.head-center > p { float: left; width: 50%; font-size: 14px; color: #333333; margin-bottom: 19px; }

.head-center > p.ts { width: 100%; margin-bottom: 12px; }

.head-center > p.ts a { font-size: 14px; color: #333; margin-right: 11px; margin-bottom: 7px; display: inline-block; }

.head-center > p.ts a:hover { color: #357ce8; }

.head-center > div { width: 100%; float: left; }

.head-center > div a { font-size: 14px; color: #333; margin-right: 11px; margin-bottom: 7px; display: inline-block; }

.head-center > div a:hover { color: #357ce8; }

.comment { width: 760px; margin-top: 30px; }

.comment .title { font-size: 24px; color: #333; }

.comment .input-box { padding-bottom: 20px; border-bottom: 1px solid #F0F0F0; margin-top: 29px; }

.comment .input-box .head-img { float: left; width: 60px; vertical-align: middle; height: 60px; border-radius: 50%; margin-top: 20px; margin-right: 20px; }

.comment .input-box .head-img img { width: 100%; height: 100%; }

.comment .input-box .input-div { float: right; height: 100px; position: relative; }

.comment .input-box .input-div textarea { width: 556px; float: left; height: 100px; resize: none; border: 2px solid #EEEEEE; padding-left: 10px; padding-top: 5px; border-right: 0; font-size: 16px; }

.comment .input-box .input-div button { width: 100px; height: 100px; line-height: 100px; font-size: 18px; color: white; text-align: center; background-color: #357CE8; }

.comment .input-box .input-div img { position: absolute; top: 36px; left: -15px; width: 18px; height: 24px; }

.comment .comment-list .comment-item { min-height: 130px; border-bottom: 1px solid #F0F0F0; line-height: 130px; position: relative; padding-bottom: 20px; }

.comment .comment-list .comment-item .comment-btn { position: absolute; right: 0; top: 57px; }

.comment .comment-list .comment-item .comment-btn p { float: left; cursor: pointer; font-size: 14px; color: #007FFF; margin-left: 30px; }

.comment .comment-list .comment-item .comment-btn p span { color: #007FFF; }

.comment .comment-list .comment-item .head-img { float: left; width: 60px; vertical-align: middle; height: 60px; border-radius: 50%; margin-top: 30px; overflow: hidden; margin-right: 30px; }

.comment .comment-list .comment-item .head-img img { width: 100%; height: 100%; }

.comment .comment-list .comment-item .reply-cont { width: 660px; height: 70px; margin-bottom: 20px; display: none; margin-top: 17px; }

.comment .comment-list .comment-item .reply-cont .replay-inp { width: 540px; border: 0; border: 1px solid #eee; border-right: 0; height: 100%; float: left; padding-left: 10px; padding-top: 5px; resize: none; }

.comment .comment-list .comment-item .reply-cont span { float: left; display: inline-block; width: 60px; height: 100%; line-height: 70px; text-align: center; font-size: 16px; cursor: pointer; color: white; }

.comment .comment-list .comment-item .reply-cont .cancle-replay { background-color: #F7682D; }

.comment .comment-list .comment-item .reply-cont .replay-btn { background-color: #357CE8; }

.comment .comment-list .comment-item .user-cont { float: left; margin-top: 37px; width: 570px; }

.comment .comment-list .comment-item .user-cont .user-info { margin-bottom: 7px; }

.comment .comment-list .comment-item .user-cont .user-info p { float: left; }

.comment .comment-list .comment-item .user-cont .user-info .name { font-size: 14px; color: #007FFF; margin-right: 17px; }

.comment .comment-list .comment-item .user-cont .user-info .floor { font-size: 14px; color: #FF7534; margin-right: 17px; }

.comment .comment-list .comment-item .user-cont .user-info .time { font-size: 14px; color: #999; }

.comment .comment-list .comment-item .user-cont > .cont { color: #333; font-size: 16px; word-break: break-all; line-height: 1.2; }

.comment .comment-list .comment-item .user-cont > .other-cont-div { width: 660px; min-height: 70px; background: rgba(0, 127, 255, 0.05); padding: 13px 19px; margin-top: 19px; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item { border-bottom: 1px solid #E4E9F0; margin-bottom: 10px; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item:last-child { border-bottom: 0; margin-bottom: 0; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item:last-child > .other-cont { margin-bottom: 0; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item .other-info { margin-bottom: 5px; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item .other-info p { float: left; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item .other-info .name { font-size: 14px; color: #007FFF; margin-right: 15px; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item .other-info .floor { font-size: 14px; color: #FF7534; margin-right: 15px; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item .other-info .time { font-size: 14px; color: #999; }

.comment .comment-list .comment-item .user-cont > .other-cont-div .other-cont-item > .other-cont { color: #333; font-size: 16px; word-break: break-all; line-height: 1.2; margin-bottom: 13px; }

.comment .comment-list .comment-item .user-cont > .aministrator-reply { margin-top: 15px; width: 660px; }

.comment .comment-list .comment-item .user-cont > .aministrator-reply .yellow-title { font-size: 14px; color: #FF7534; }

.comment .comment-list .comment-item .user-cont > .aministrator-reply .mini-reply-cont { margin-top: 9px; font-size: 16px; color: #333; line-height: 1.3; }

.comment .more-comment { width: 750px; height: 50px; background: #FAFBFC; border: 1px solid #EBEBEB; border-top: 0; }

.comment .more-comment p { width: 50%; float: left; height: 25px; text-align: center; font-size: 16px; border-right: 1px solid #EBEBEB; margin-top: 13px; line-height: 25px; cursor: pointer; }

.comment .more-comment p:last-child { border-right: 0; }

.comment .no-comment { margin-top: 30px; text-align: center; }

.comment .no-comment img { width: 70px; height: 70px; vertical-align: middle; margin-right: 15px; }

.comment .no-comment p { font-size: 18px; display: inline-block; color: #666; text-align: center; vertical-align: middle; margin-left: 15px; }

.ppt-course .title { font-size: 24px; color: #333; }

.ppt-course .cont-other,.ppt-course .cont-user-other { margin-top: 19px; width: 790px; padding: 20px; background: #ffffff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); padding-bottom: 14px; }

.ppt-course .cont-other li,.ppt-course .cont-user-other li { display: block; margin-bottom: 14px; float: left;  font-size: 14px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 27px;width: 100%;border-bottom: 1px solid #eaeaea;}

.ppt-course .cont-other li  span,.ppt-course .cont-user-other li  span {float: right;color: #fff;border-radius: 3px;font-size: 12px;padding: 3px 5px;margin-left: 5px;}

.ppt-course .cont-other li  span a,.ppt-course .cont-user-other li  span a{float: right;font-size: 12px;color: #fff;width: 100%;}

.ppt-course .cont-other li  span a:hover,.ppt-course .cont-user-other li  span a:hover { color: #357ce8; }

.ppt-course .cont-other li a { float: left; width: 450px; font-size: 14px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ppt-course .cont-user-other li a { float: left; width: 400px; font-size: 14px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ppt-course .cont-other li a:hover,.ppt-course .cont-user-other li a:hover { color: #357ce8; }



.ppt-course .watch_cont { margin-top: 19px; width: 790px; padding: 20px; background: #ffffff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); padding-bottom: 14px; }
.ppt-course .watch_cont li { display: block; margin-right: 25px; float: left;  font-size: 14px; border-bottom: 1px solid #eaeaea;text-align: center;}
.ppt-course .watch_cont li:nth-child(5n) { margin-right: 0px; }
.ppt-course .watch_cont li  span {float: right;color: #fff;border-radius: 3px;font-size: 12px;padding: 3px 5px;margin-left: 5px;}
.ppt-course .watch_cont li  span a{float: right;font-size: 12px;color: #fff;width: 50px;}
.ppt-course .watch_cont li  span a:hover { color: #357ce8; }
.ppt-course .watch_cont li a { float: left; width: 130px; padding: 10px; font-size: 14px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ppt-course .watch_cont li a:hover { color: #357ce8; }

.ppt-course .down_cont { font-size: 14px;margin-top: 19px; width: 790px; padding: 20px; background: #ffffff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); padding-bottom: 14px; }
.ppt-course .down_cont li { display: block; margin-right: 25px; float: left;  font-size: 14px; border-bottom: 1px solid #eaeaea;text-align: left;width: 100%;}
.ppt-course .down_cont li  span {float: right;color: #fff;border-radius: 3px;font-size: 12px;padding: 3px 5px;margin-left: 5px;}
.ppt-course .down_cont li  span a{float: right;font-size: 12px;color: #fff;width: 50px;}
.ppt-course .down_cont li  span a:hover { color: #357ce8; }
.ppt-course .down_cont li a { float: left; width: 720px; padding: 10px; font-size: 14px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ppt-course .down_cont li a:hover { color: #357ce8; }
.ppt-course .down_cont .load{font-size:14px;font-weight:bold;color:red;vertical-align:middle;}
.ppt-course .down_cont .load img{vertical-align: bottom;}
.ppt-course .down_cont .tips{margin-top: 20px;border-top: 1px solid #e6e6e6;padding-top: 15px;font-size: 12px; color: #999;}


/*.ppt-course .cont li a::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-bottom: 3px; background: #357ce8; border-radius: 50%; margin-right: 10px; }*/

.popular-collection { margin-top: 20px; padding: 20px; width: 360px; z-index: 20; background: white; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); }

.popular-collection .title { padding-left: 10px; font-size: 24px; color: #333; }

.popular-collection .cont { margin-top: 19px; }

.popular-collection .cont .item { text-align: center; cursor: pointer; margin-bottom: 20px; }

.popular-collection .cont .item .img-box { width: 320px; height: 120px; position: relative; }

.popular-collection .cont .item .img-box img { width: 100%; height: 100%; background-color: #f5f7fa; }

.popular-collection .cont .item .img-box .zz { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #357ce8; opacity: 0.4; }

.popular-collection .cont .item h2 { font-size: 18px; color: 333; margin-top: 9px; }

.popular-collection .cont .item h3 { font-size: 18px; color: 333; margin-top: 9px; }

.popular-collection .cont .item:hover .img-box > div { display: block; }

.popular-collection .collection-recom { background: #e5f0ff; padding-top: 25px; padding-left: 20px; padding-bottom: 11px; }

.popular-collection .collection-recom a { font-size: 14px; float: left; display: block; color: #333; margin-bottom: 14px; margin-right: 15px; }

.popular-collection .collection-recom a:hover { color: #357ce8; }

.popular-collection.fixed { position: fixed; top: 120px; }

.popular-download { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); margin-top: 20px; }

.popular-download .title-box { padding: 0 30px; }

.popular-download .title-box .title { height: 62px; line-height: 62px; font-size: 24px; border-bottom: 1px solid #cfdce6; }

.popular-download .cont { padding: 0 25px; padding-top: 28px; padding-bottom: 13px; }

.popular-download .cont ul li { margin-bottom: 17px;    width: 310px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.popular-download .cont ul li span { font-style: italic; font-size: 18px; color: #000000; display: inline-block; width: 23px; text-align: center; vertical-align: text-bottom; }

.popular-download .cont ul li a { font-size: 14px; color: #333; margin-left: 10px; }

.popular-download .cont ul li a:hover { color: #357ce8; }

.popular-download .cont ul li:nth-child(1) span, .popular-download .cont ul li:nth-child(2) span, .popular-download .cont ul li:nth-child(3) span { color: #f7682d; }

.hot-label { margin-top: 20px; padding: 20px; padding-top: 0; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); }

.hot-label .title { height: 62px; line-height: 62px; font-size: 24px; border-bottom: 1px solid #cfdce6; }

.hot-label .a-xg-label-div { padding-top: 30px; }

.a-xg-label-div > a { padding: 0 16px; height: 28px; line-height: 28px; background: #E6EEFA; border-radius: 2px; margin-right: 10px; margin-bottom: 12px; display: inline-block; font-size: 14px; color: #357ce8; }

.a-xg-label-div > a:hover { color: #357ce8; }