123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177 |
- .col-sm-2 {
- padding: 10px;
- border-radius: 4px;
- height: 125px;
- margin-bottom: 10px;
- }
- .sp {
- width: 32px;
- height: 32px;
- clear: both;
- margin: 20px auto;
- }
- .sp-circle {
- border: 4px rgba(0, 0, 0, 0.25) solid;
- border-top: 4px black solid;
- border-radius: 50%;
- -webkit-animation: spCircRot .6s infinite linear;
- animation: spCircRot .6s infinite linear;
- }
- @-webkit-keyframes spCircRot {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(359deg);
- }
- }
- @keyframes spCircRot {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(359deg);
- }
- }
- .preloading{
- text-align:center;
- }
- ul,li{
- list-style:none;
- }
- .headerModel{
- position:relative;
- }
- .cancelSearch{
- position:absolute;
- left:20px;
- top:0px;
- font-size:14px;
- line-height:44px;
- display:none;
- }
- .headerClassify{
- position:absolute;
- right:20px;
- top:0px;
- font-size:14px;
- line-height:44px;
- }
- .listImageWrapper{
- float:left;
- width:30%;
- padding-top:5px;
- }
- .listImage{
- width:100%;
- }
- .listTitleWrapper{
- float:left;
- width:70%;
- padding-left:10px;
- }
- .listTitle{
- width:90%;
- font-size:14px;
- color:#303133;
- text-overflow:ellipsis ;
- white-space: nowrap;
- overflow: hidden;
- }
- .teacherNameWrapper{
- width:20%;
- margin-top:5px;
- float:left;
- }
- .teacherName{
- width:90%;
- font-size: 12px;
- color:#409EFF;
- text-overflow:ellipsis ;
- white-space: nowrap;
- overflow: hidden;
- }
- .teacherSchoolWrapper{
- width:80%;
- margin-top:5px;
- float:left;
- }
- .teacherSchool{
- width:80%;
- margin-left:5%;
- font-size: 12px;
- color:#606266;
- text-overflow:ellipsis ;
- white-space: nowrap;
- overflow: hidden;
- }
- .courseClick{
- margin-top:2px;
- font-size: 12px;
- color:#606266;
- }
- .classifyContentModel{
- width:100%;
- position:absolute;
- top:45px;
- left:0px;
- z-index:100;
- background:#fff;
- border-bottom:solid #DCDFE6 1px;
- display: none;
- }
- .popularModel{
- width:100%;
- position:absolute;
- top:100px;
- left:0px;
- z-index:100;
- background:#fff;
- border-bottom:solid #DCDFE6 1px;
- display: none;
- padding-bottom:20px;
- }
- .headerClassifyContentTitle{
- margin-left:10px;
- font-size:14px;
- color:#303133;
- }
- .headerClassifyContentItem{
- float:left;
- padding:0px 15px 0px 15px;
- height:34px;
- border:solid #DCDFE6 1px;
- color:#606266;
- font-size:13px;
- text-align:center;
- line-height:34px;
- margin-left:10px;
- margin-top:10px;
- border-radius:3px;
- }
- .activeSelected{
- background:#409EFF;
- color:#fff;
- }
- .popularTitle{
- font-size:16px;
- color:#303133;
- padding-top:20px;
- padding-left:20px;
- }
- .popularItem{
- padding:5px 20px 5px 20px;
- background:#f2f2f2;
- float:left;
- border-radius:3px;
- color:#606266;
- font-size: 14px;
- margin-top:10px;
- margin-left:10px;
- }
|