1 line
9.2 KiB
CSS
1 line
9.2 KiB
CSS
body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,iframe,input,li,p,select,table,td,textarea,th,ul{margin:0;padding:0}body{font:13px/1 "Microsoft YaHei",tahoma,Verdana,Geneva,sans-serif;color:#666;position:relative;font-family:-apple-system,"SF UI Text","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Zen Hei",sans-serif}ul{list-style:none}a{text-decoration:none}img{border:0}#wrap{text-align:left}.fl{float:left;display:inline}.fr{float:right;display:inline}.clear{clear:both}.w960{width:960px;margin:0 auto;overflow:hidden;zoom:1}.pc_overflow{overflow:hidden;zoom:1}.mt2{margin-top:2px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.ml0{margin-left:0!important}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml55{margin-left:55px}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.disBlock{display:block}.ft{font-size:14px}.line23{line-height:23px}.borderNone{border:0!important}.ftw{font-weight:700}.ft0{font-size:0!important}input,textarea:focus{outline:none;background:none}.curriculum{width:100%;margin:20px auto 0;background:#fff;overflow:hidden}.curtop{width:100%}.searchtop{width:100%;float:left;margin:25px 0 10px}.searchsp{float:left;height:32px;line-height:32px;font-size:14px;width:16%;text-align:center}.searchbor{border:1px solid #e3e3e3;border-radius:4px;float:left;height:30px;display:flex;width:80%;position:relative;margin-left:4%}.searchtxt{color:#999;padding-left:5px;height:30px;line-height:30px;float:left;border:none;width:100%;margin-right:30px;flex:1}.searchbtn{width:30px;float:left;height:30px;float:right;position:absolute;right:0;top:0;background:url(/design/designstatic/front/images/icon01.png) no-repeat 50%}.filter{float:left;width:100%;position:relative}.filtersp{width:60px;text-align:right;float:left;height:32px;line-height:32px;font-size:14px;margin-top:4px}.filterrig{float:left;margin:0 10px 10px;width:92%}.plate-nav,.plate-nav2{float:left;margin:0 0 5px;width:100%}.plate-nav2 a,.plate-nav a{font-size:16px;color:#666;display:inline-block;margin:10px 20px 10px 0;white-space:nowrap;font-size:14px}.plate-nav2 a.curs,.plate-nav a.curs{color:#1890ff}.course{width:100%}.coursetit{height:45px;line-height:45px;font-size:14px;width:100%;float:left;position:relative}.coursetit li{float:left;margin:0 12px 0 20px}.coursetit li span{color:#666;font-size:14px;line-height:4}.coursetit li.curs span{color:#1890ff;border-bottom:2px solid #1890ff;height:45px;width:100%;float:left}.coursetit .rigico{float:right;margin:20px 20px 0 10px}.coursetit .courliast{background:url(/design/designstatic/front/images/list01.png) no-repeat 50%;width:22px;height:22px;float:left}.coursetit .courfield{background:url(/design/designstatic/front/images/field01.png) no-repeat 50%;width:22px;height:22px;float:left}.coursetit .active .courliast{background:url(/design/designstatic/front/images/list02.png) no-repeat 50%}.coursetit .active .courfield{background:url(/design/designstatic/front/images/field02.png) no-repeat 50%}.coursemain{padding:20px 4%;float:left;width:100%}.coursemain li{float:left;width:22%;padding:9px;position:relative;height:202px;margin-bottom:15px;margin-right:2%}.coursemain .item-name{height:1rem;font-size:14px;color:#333;position:absolute;left:9px;top:156px;max-width:90%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.coursemain .course-cover{position:absolute;width:100%;height:147px;top:0;left:0;overflow:hidden}.coursemain .course-cover img{width:100%;height:100%;border-radius:4px 4px 0 0}.coursemain .course-cover div{display:none;font-size:14px;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;background:rgba(0,0,0,.4)}.coursemain .course-cover p{margin:9px;padding:0;line-height:20px;height:120px;overflow:hidden}.coursemain .course-cover:hover div{display:block}.course-cover .course-link{display:block;line-height:0;width:100%;height:100%;overflow:hidden}.course-cover .course-link img{transition:all 1s ease 0s}.course-oper{position:absolute;left:-1px;top:-1px;z-index:2;font-size:0;width:82px;height:85px;line-height:0;background:url(/design/designstatic/front/images/enroll.png) no-repeat 50%}.collage{background:url(/design/designstatic/front/images/collage.png) no-repeat 50%}.coursepack{background:url(/design/designstatic/front/images/coursepack.png) no-repeat 50%}.redprice{background:url(/design/designstatic/front/images/redprice.png) no-repeat 50%}.secondkill{background:url(/design/designstatic/front/images/secondkill.png) no-repeat 50%}.study{background:url(/design/designstatic/front/images/study.png) no-repeat 50%}.coursemain a.course-info{display:block;overflow:hidden;height:20px;line-height:20px;font-size:12px;color:#999;position:absolute;left:9px;top:188px;width:90%}.coursemain a.course-info .speaker{float:left;display:inline-block;max-width:8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.coursemain li:hover .course-link img,.plate-course-detail li:hover .course-link img,.plate-course-list li:hover .course-link img{transform:scale(1.2)}.coursemain li:nth-child(4n+4){margin-right:0}.coursewer{margin-top:10px;float:left;width:100%}.riglit{width:100%;flex:1;margin-left:290px}.catalog{width:100%;float:left;border-bottom:1px solid #f1f1f1;position:relative;display:flex;height:172px}.coursecover{float:left;width:247px;top:12px;left:20px;position:absolute;height:147px}.coursecover .course-link{display:block;line-height:0;width:100%;height:100%;overflow:hidden}.retig{width:80%;float:left;margin-top:12px}.hrerses{font-size:16px;font-weight:700;height:25px;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.hudrter{font-size:16px;color:#333;text-decoration:none}.bsrtetes{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left;width:100%;font-size:14px;margin-bottom:5px;margin-top:5px;min-height:45px;line-height:1.8;color:#999}.curren{float:left;width:65px;overflow:hidden;white-space:nowrap;background:url(/design/designstatic/front/images/nisrrt.png) no-repeat 0;padding-left:20px;font-size:14px;color:#999}.curke{float:left;width:75px;overflow:hidden;white-space:nowrap;background:url(/design/designstatic/front/images/shtiem.png) no-repeat 0;padding-left:20px;font-size:14px;color:#999}.curcoll{float:left;margin-right:30px;background:url(/design/designstatic/front/images/collection.png) no-repeat 0;padding-left:20px;font-size:14px;color:#999;cursor:pointer}.curcolls{float:left;margin-right:30px;background:url(/design/designstatic/front/images/collections.png) no-repeat 0;padding-left:20px;font-size:14px;color:#999;cursor:pointer}.curshare{float:left;background:url(/design/designstatic/front/images/share.png) no-repeat 0;padding-left:20px;font-size:14px;color:#999;cursor:pointer}.cursered{color:#fa5353;font-size:24px;float:left;width:100%;margin-top:15px}.curuse{font-size:14px;border-radius:4px;border:1px solid #999;vertical-align:middle;padding:0 4px;margin-right:8px;color:#999;float:left;margin-top:5px}.cursezhe{color:#999;font-size:14px;margin-left:15px;text-decoration:line-through}.curselv{color:#43bc60;font-size:20px;float:left;margin-top:2px}a.detailedar{float:left;color:#1890ff;width:90px;text-align:center;height:30px;line-height:30px;border:1px solid #1890ff;margin-top:120px;margin-left:65px;font-size:14px}.layui-m-anim-up .layui-m-layercont{padding-bottom:50px}.layui-m-anim-up .layui-m-layerbtn{position:absolute;bottom:0;border-top:1px solid #eee}@media screen and (max-width:768px){.coursemain li:hover .course-link img,.plate-course-detail li:hover .course-link img,.plate-course-list li:hover .course-link img{transform:scale(1.2)}.coursemain .course-cover:hover div{display:none}.curriculum{margin-top:0}.coursemain li{width:48%;padding:0;height:4.5rem;margin-bottom:15px;margin-right:4%;box-shadow:0 0 15px #ddd;border-radius:4px}.coursemain .course-cover{height:2.4rem}.coursemain li:nth-child(2n+2){margin-right:0}.filterrig{width:92%}.coursemain .item-name{top:2.6rem}.coursemain a.course-info{top:3.9rem}.retig{width:100%}a.detailedar{margin-top:-25px;margin-left:0;float:right;margin-right:12px;width:auto;text-align:center;height:.3rem;line-height:.3rem;border:none}}@media screen and (max-width:570px){body{overflow-x:hidden}.filterrig{width:98%}.catalog{height:325px}.riglit{margin:160px 0 0 20px}}@media screen and (max-width:425px){body{overflow-x:hidden}.filterrig{width:98%;overflow:auto;position:fixed;height:90%}}.nodata{background:url(/design/designstatic/front/images/nodata2.png) no-repeat 50%;min-height:500px;width:100%}.coursecover .course-link img{width:247px;height:147px}.saitan{float:right;color:#666;font-size:14px;line-height:20px;height:20px;margin-top:18px;margin-right:4px}.soledbtn{width:30px;float:right;height:30px;margin-right:10px;margin-top:13px;background:url(/design/designstatic/front/images/icon01.png) no-repeat 50%}.searchsp a{color:#1890ff;margin-right:10px}.pagination1{float:left;margin:10px} |