.course-infos-top{position:relative;width:100%;background-position:center;background-size:cover;background-repeat:no-repeat}
.course-infos-top .info-wrap{position:relative;margin:0 auto;padding-top:72px;padding-bottom:136px;width:72pc}
.course-infos-top .info-wrap .extra{position:absolute;top:9pt;right:0;color:#fff;}
.course-infos-top .info-wrap .extra .course-collect{margin-right:16px;cursor:pointer;float:left;}
.course-infos-top .info-wrap .extra .course-collect i{width:18px;display:block;line-height:32px;float:left;text-align:center;}
.course-infos-top .info-wrap .extra .course-collect span{margin-left:4px;font-size:12px;line-height:32px;}
.course-infos-top .info-wrap .extra .share-action{padding-left:14px;cursor:pointer;float:left;}
.course-infos-top .info-wrap .extra .share-action .share-money{display:inline-block;padding:0 9pt;border-radius:1pc 1pc 1pc 0;background-color:#f76b1c;background-image:linear-gradient(270deg,#c11782 0,#f76b1c 100%);color:#fff;text-align:center;letter-spacing:0;font-size:9pt;line-height:2pc}
.course-infos-top .info-wrap .extra .inform{float:left;color:#fff;}
.course-infos-top .info-wrap .extra .inform i{width:18px;display:block;line-height:32px;float:left;text-align:center;}
.course-infos-top .info-wrap .extra .inform span{margin-left:4px;font-size:12px;line-height:32px;}
.course-infos-top .info-wrap .title-box{margin:0 auto;width:750pt}
.course-infos-top .info-wrap .title-box h1{color:#fff;text-align:center;text-shadow:0 2px 4px rgba(28,31,33,.6);font-size:40px;line-height:3pc}
.course-infos-top .info-wrap .title-box h2{margin-top:8px;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(28,31,33,.6);font-size:1pc;line-height:24px}
.course-infos-top .fixed-wrap{position:absolute;bottom:-4pc;left:50%;overflow:hidden;margin-left:-6in;width:72pc;min-height:8pc;border-radius:18px;background-image:url(../images/fixed_bg.png);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 8px 1pc 0 rgba(28,31,33,.1)}
.course-infos-top .fixed-wrap .con{position:relative;box-sizing:border-box;padding:2pc 40px;width:100%;height:100%}
.course-infos-top .fixed-wrap .con .time-price{width:100%}
.course-infos-top .fixed-wrap .con .time-price .no-discount .ori-price{color:#f01414;font-weight:700;font-size:30px;line-height:2pc}
.course-infos-top .fixed-wrap .con .info-bar{margin-top:9pt}
.course-infos-top .fixed-wrap .con .info-bar span{padding-right:8px;color:#545c63;font-weight:700;font-size:9pt;line-height:24px}
.course-infos-top .fixed-wrap .con .info-bar span.nodistance{padding-right:0;font-weight:400}
.course-infos-top .fixed-wrap .con .info-bar i{padding:0 4px;color:#545c63;vertical-align:middle;font-size:1pc;line-height:1pc}
.course-infos-top .fixed-wrap .con .btns{position:absolute;top:40px;right:40px;font-size:0}
.course-infos-top .fixed-wrap .con .btns .red-btn{padding:9pt 3pc;border-radius:24px;background:#f01414;color:#fff;letter-spacing:0;font-weight:700;font-size:1pc;line-height:24px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.course-infos-top .fixed-wrap .con .btns .gobuy{margin-right:1pc}
.course-infos-t{overflow:hidden;padding-top:88px}
