/* up366-html u3-common.css Date:2021-9-26 15:46:36 */
.topics-top dl dt,.topics-top dl dt img{width:140px;height:105px}.text-overf,.topics-top dl dd,.topics-top p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topics-top{background:#f7fbff;overflow:hidden;padding:10px}.topics-top dl,.topics-top dl dt{float:left}.topics-top dl dd{float:left;max-width:288px;padding-left:20px;height:105px}.topics-top p{display:block;width:100%;padding-top:5px;color:#555;font-size:18px;line-height:30px;font-weight:400}.topics-top dl span{display:block;color:#a8a8a8;font-size:14px;line-height:24px}.topics-icon{margin-top:35px;float:right;margin-right:10px}.topics-icon span{text-align:center;display:inline-block;margin-left:30px;cursor:pointer;font-size:14px;color:#9aadd0}.topics-icon span:first-child{margin-left:0}.topics-icon span:hover{color:#46587C}.topics-icon span:hover>i{background-position-y:-20px}.topics-icon span:hover>i.shelf{background-position-y:0}.topics-icon .icon-mid{display:block;margin:0 auto}.ibread-nav li,.icons-list li,.icons-list li b,.topics-nav a,.tree-title .mycourse{display:inline-block}.sidebar-category,.tree-cont h3{margin-bottom:10px}.topics-nav{border-top:1px solid #c9ced2;background:#edf0f5;height:39px}.topics-nav a{padding:0 21px;height:37px;line-height:37px;border-bottom:2px solid #edf0f5;color:#555;font-size:16px}.topics-nav a:hover{border-bottom:2px solid #c9ced2;background:#e2e2e2}.topics-nav .active{border-bottom:2px solid #24bd7d;color:#24bd7d;background:#fff}.ibread-nav{margin-top:15px}.ibread-nav li a{color:#46587c;font-size:14px}.ibread-nav li a:hover{text-decoration:underline}.ibread-nav li b{font-weight:400;color:#a0a7b7;margin-left:5px}.ibread-nav li span{font-size:14px;color:#a8a8a8}.icon-small.mycourse{margin-right:5px}.tree-title{width:100%;margin-top:20px}.tree-cont h3{text-align:right}.tree-cont h3 span{padding-right:20px;font-size:16px;font-weight:400}.sidebar-content{background:url(../images/line.png) 20px top repeat-y}.icons-list li{vertical-align:middle}.icons-list li b{position:relative;margin-right:42px;width:50px;height:20px;line-height:20px;border-radius:15px;left:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:400}.icons-list li b i{position:absolute;height:18px;width:18px;border-radius:50%;background-color:#fff;right:1px;top:1px}.icons-list li b.on{background-color:#24bd7d;padding-left:5px;box-sizing:border-box}.icons-list li b.off{background-color:#c2c2c2;padding-left:23px;box-sizing:border-box}.icons-list li .lock{width:31px;border-radius:0;left:0;margin-right:0}.icons-list li .lock.on{background:url(../images/open-lock.png) center no-repeat;display:block;background-color:none;width:31px;padding:0}.icons-list li .lock.off{background:url(../images/close-lock.png) center no-repeat;display:block;background-color:none;padding:0;width:31px}ul{padding:0}.left-nav{float:left;width:140px;min-height:500px;background-color:#f7fbff;border-right:1px solid #ebeef0}.left-nav li{height:50px;list-style:none;padding-left:17px;text-align:left}.left-nav li a{display:inline-block;height:50px;line-height:50px;color:#555;font-size:16px}.left-nav li.active a,.left-nav li:hover a,.nodeState{color:#fff}.user-info{border-bottom:1px solid #ebeef0;padding-top:20px;padding-bottom:20px;text-align:center}.left-nav li.active,.left-nav li:hover{background-image:url(../images/nav-bg.png)}.left-nav li.active #coupon,.left-nav li.active #money,.left-nav li.active #order,.left-nav li.active #safe,.left-nav li.active #set,.left-nav li:hover #coupon,.left-nav li:hover #money,.left-nav li:hover #order,.left-nav li:hover #safe,.left-nav li:hover #set{display:inline-block;vertical-align:middle;width:35px;height:35px;background-image:url(../gui/images/center-self_03.png)}.left-nav li.active #set,.left-nav li:hover #set{background-position:0 30px}.left-nav li.active #safe,.left-nav li:hover #safe{background-position:343px 30px}.left-nav li.active #money,.left-nav li:hover #money{background-position:280px 30px}.left-nav li.active #order,.left-nav li:hover #order{background-position:128px 28px}.left-nav li.active #coupon,.left-nav li:hover #coupon{background-position:224px 30px}.left-nav li.active #classManage,.left-nav li:hover #classManage{background-position:440px 30px}.user-info img{width:60px;height:60px;border-radius:50%}.frame-content{width:940px;margin:0 auto;padding-bottom:50px;overflow:hidden;position:relative}.nodeState{float:right;margin-right:20px;background:#24bd7d;border:1px solid #3ec288;margin-left:20px;cursor:pointer;border-radius:4px;font-weight:500;padding:2px 6px}.nodeState:hover{color:#24bd7d;background:0 0}.topics-icon span.hot-point{position:absolute;top:0;right:13px;background:#ff4d00;width:6px;height:6px;border-radius:100%}.topics-icon span i.encourse{background-position:-200px 0}.topics-icon span:hover i.encourse{background-position-y:-20px}.topics-icon span:hover i.sendcourse{background-position-y:-44px}.course-name{display:block;width:100%;padding-top:5px;color:#555;font-size:18px;line-height:30px;font-weight:400}.topics-top dl span.exitcourse{display:inline;color:#b5bcc8;cursor:pointer;margin-right:20px}.addfiles{position:relative}.btn-control a{display:inline-block;margin-right:7px}.btn-control a:last-child{margin-right:0}.text-overf{width:100%}