| | |
| | | |
| | | .chapter { |
| | | |
| | | .questionBox { |
| | | width: 100%; |
| | | border: 2px solid #00ADEF; |
| | | margin-bottom: 10px; |
| | | |
| | | .titleBox { |
| | | width: 100%; |
| | | height: 35px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | border-bottom: 2px solid #00ADEF; |
| | | |
| | | .title { |
| | | padding: 3px 0; |
| | | width: 120px; |
| | | background-color: #00ADEF; |
| | | text-align: center; |
| | | color: #000; |
| | | font-weight: 600; |
| | | letter-spacing: 2px; |
| | | } |
| | | |
| | | img { |
| | | width: 25px; |
| | | height: 26px; |
| | | cursor: pointer; |
| | | margin-right: 10px; |
| | | } |
| | | } |
| | | |
| | | .questionContent { |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | .q-title { |
| | | font-size: 32px; |
| | | font-weight: 700; |
| | | text-align: center; |
| | | margin-bottom: 60px; |
| | | } |
| | | .q-tips { |
| | | font-size: 22px; |
| | | font-weight: 600; |
| | | text-align: center; |
| | | text-indent: 0; |
| | | } |
| | | .block-tips { |
| | | font-size: 18px; |
| | | font-weight: 600; |
| | | font-family: '楷体'; |
| | | } |
| | | |
| | | .block-ms-tips { |
| | | font-weight: 600; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .imgBox-003 { |
| | | width: 100%; |
| | | height: 220px; |
| | | } |
| | | |
| | | .videoBox { |
| | | width: 100%; |
| | | padding: 30px 20px; |
| | | padding-top: 60px; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | flex-wrap: wrap; |
| | | align-items: center; |
| | | |
| | | .videoItem { |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | .video-border { |
| | | width: 100%; |
| | | // border: 2px solid #fff; |
| | | border-radius: 10px; |
| | | margin-bottom: 10px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .bk-xyx { |
| | | textarea { |
| | | width: 100%; |
| | | max-width: 630px; |
| | | border: 1px solid #00ADEF; |
| | | border-radius: 5px; |
| | | font-size: 16px; |
| | | font-family: '宋体'; |
| | | line-height: 30px; |
| | | padding: 10px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | textarea:focus { |
| | | outline: none; |
| | | border-color: #000; |
| | | } |
| | | } |
| | | |
| | | .btn-group { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin-bottom: 5px; |
| | | padding-left: 20px; |
| | | .answerText { |
| | | margin-left: 20px; |
| | | font-weight: 600; |
| | | } |
| | | } |
| | | |
| | | .btn-default { |
| | | background-color: #35ACD6; |
| | | border: 1px solid #35ACD6; |
| | | color: #fff; |
| | | padding: 5px 10px; |
| | | box-sizing: border-box; |
| | | border-radius: 5px; |
| | | margin: 0 5px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .coverImg { |
| | | position: absolute; |
| | | top: 0; |
| | |
| | | |
| | | .block { |
| | | font-size: 16px; |
| | | color: #666; |
| | | font-weight: 600; |
| | | color: #000; |
| | | font-weight: 500; |
| | | font-family: '楷体'; |
| | | line-height: 1.5; |
| | | } |
| | | |
| | | .block1 { |