123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169 |
- .coverimg{
- display: block;
- width: 710rpx;
- margin: 20rpx 20rpx 0;
- height: auto;
- }
- .imagebox{
- display: block;
- width: 100%;
- height: 35%;
- overflow: hidden;
- }
- .videoBox{
- display: block;
- width: 100%;
- height: 400rpx;
- }
- .coursebox{
- display: block;
- width: 100%;
- padding: 40rpx 20rpx 48rpx;
- }
- .coursetype{
- padding-left: 26rpx;
- padding-bottom: 36rpx;
- margin-right: 20rpx;
- }
- .coursetype image{
- display: block;
- width: 22rpx;
- height: 14rpx;
- position: relative;
- top: 12rpx;
- margin-right: 8rpx;
- }
- .contentbox{
- display: block;
- padding: 0 24rpx 48rpx;
- }
- .contentbox image{
- display: block;
- max-width: 100%;
- }
- .contentbox video{
- display: block;
- max-width: 100%;
- }
- .summerybox{
- display: block;
- width: 100%;
- height: 98rpx;
- background-color: #ffffff;
- position: fixed;
- left: 0;
- bottom: 0;
- z-index: 999;
- padding-left: 25rpx;
- box-shadow: 0 2px 10px 0 rgba(36,158,251,0.37);
- }
- .summerybox input{
- display: block;
- width: 565rpx;
- height: 88rpx;
- background-color: #f9f9f9;
- border-radius: 8rpx;
- position: relative;
- top: 5rpx;
- padding-left: 25rpx;
- box-sizing: border-box;
- }
- .summerybox view{
- margin-left: 24rpx;
- height: 98rpx;
- line-height: 98rpx;
- }
- .bg{
- display: block;
- width: 100%;
- height: 1px;
- background-color: #ababac;
- opacity: 0.5;
- }
- .summarybox{
- padding: 72rpx 20rpx 140rpx;
- letter-spacing: 5rpx;
- color: #1c1c1c;
- }
- .everysummarybox{
- display: block;
- width: 100%;
- padding-top: 32rpx;
- padding-bottom: 48rpx;
- border-bottom: 1px solid rgba(153, 153, 153,0.2);
- }
- .headimg{
- display: block;
- width: 84rpx;
- height: 84rpx;
- border-radius: 50%;
- }
- .rightsummarybox{
- margin-left: 16rpx;
- width: 610rpx;
- }
- .summarymsg{
- display: block;
- width: 100%;
- margin-top: 7rpx;
- line-height: 40rpx;
- }
- .commentbox{
- margin-top: 35rpx;
- }
- .commentbox .tzan{
- display: block;
- width: 26rpx;
- height: 26rpx;
- position: relative;
- top: 4rpx;
- }
- .commentbox .commentimg{
- display: block;
- width: 28rpx;
- height: 24rpx;
- margin-left: 40rpx;
- }
- .sayBox {
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- background: #fff;
- height: 138rpx;
- box-shadow: 0px -3rpx 7rpx 0px rgba(62, 85, 255, 0.16);
- padding: 24rpx 20rpx 0;
- box-sizing: border-box;
- }
- .sayBox image {
- display: inline-block;
- width: 48rpx;
- height: 42rpx;
- }
- .sayBox .sayed {
- position: relative;
- top: 28rpx;
- }
- .sayBox .sendMsg {
- position: relative;
- line-height: 80rpx;
- }
- .sayBox input {
- display: inline-block;
- width: 630rpx;
- height: 80rpx;
- background-color: #f8f9fa;
- border-radius: 28rpx;
- font-family: Helvetica;
- font-size: 24rpx;
- padding-left: 24rpx;
- box-sizing: border-box;
- }
|