| | |
| | | position: relative; |
| | | } |
| | | |
| | | .imgBox-003 { |
| | | width: 100%; |
| | | height: 280px; |
| | | margin-bottom: 18px; |
| | | } |
| | | |
| | | .textarea-box { |
| | | font-size: 1em; |
| | | font-family: "Noto Sans SC"; |
| | | width: 93%; |
| | | max-width: 93%; |
| | | border-color: #e9f2f3; |
| | | |
| | | &:focus { |
| | | border-color: #40a8aa; |
| | | outline: none; |
| | | } |
| | | } |
| | | |
| | | .bodystyle { |
| | | padding: 0 13%; |
| | |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .fTitle { |
| | | color: #40a8aa !important; |
| | | font-size: 17px !important; |
| | | margin-top: 20px !important; |
| | | margin-bottom: 25px !important; |
| | | margin-left: -16px !important; |
| | | } |
| | | |
| | | .CaseStudy-title { |
| | | background-color: #40a8aa; |
| | | line-height: 21px; |
| | | height: 21px; |
| | | font-size: 14px; |
| | | font-weight: 600; |
| | | background-color: #00918e; |
| | | color: #fff; |
| | | padding-left: 20px; |
| | | padding-left: 10px; |
| | | } |
| | | |
| | | .fontGreen { |
| | | color: #00918e !important; |
| | | } |
| | | |
| | | .CaseStudy-content { |
| | |
| | | |
| | | .knowledgeExpansion-img { |
| | | position: absolute; |
| | | width: 100px; |
| | | top: -25px; |
| | | width: 80px; |
| | | top: -20px; |
| | | left: 30px; |
| | | } |
| | | |
| | | .learngoalRange { |
| | | margin-top: 1px !important; |
| | | margin-bottom: -3px !important; |
| | | text-indent: 0em; |
| | | } |
| | | |
| | | /*<h2>二级标题*/ |
| | |
| | | margin: 1em auto !important; |
| | | } |
| | | |
| | | .s-pic { |
| | | width: 12px; |
| | | } |
| | | |
| | | .oneTitle { |
| | | font-weight: 800; |
| | | margin-top: 150px !important; |
| | | margin-bottom: 150px !important; |
| | | } |
| | | |
| | | h4.fourthTitle { |
| | | font-size: 1.1em; |
| | | line-height: 1.3em; |
| | | text-indent: 2em; |
| | | margin-top: 1em; |
| | | color: #009290; |
| | | } |
| | | |
| | | .titleLeftmove { |
| | | margin-left: 10px !important; |
| | | } |
| | | |
| | | .imgFloat { |
| | | display: flex; |
| | | } |
| | | |
| | | span.underline { |
| | |
| | | color: #00918e; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /*图片说明居中加粗*/ |
| | | .imgdescript-b { |
| | | font-family: "汉仪楷体", "ETrump KaiTi", "方正仿宋", "FZFSJW--GB1-0"; |
| | |
| | | margin: 0.3em auto; |
| | | text-align: center; |
| | | text-indent: 0em; |
| | | color: #5A5A5A; |
| | | color: #000; |
| | | } |
| | | |
| | | /*右下角说明*/ |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .summary-content { |
| | | padding: 15px 0; |
| | | background-color: #c9e1e1; |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | flex-wrap: wrap; |
| | | |
| | | .summary-content-box { |
| | | margin: 5px 0; |
| | | width: 45%; |
| | | overflow: hidden; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | |
| | | } |
| | | |
| | | span { |
| | | margin-left: 5px; |
| | | width: 90%; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | /* 强制文本在一行显示 */ |
| | | text-overflow: ellipsis; |
| | | |
| | | /* 显示省略号 */ |
| | | &:hover { |
| | | color: #00918e; |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | .img-float { |
| | | width: 310px; |
| | | float: left; |
| | | height: auto; |
| | | margin: auto; |
| | | margin-right: 20px; |
| | | |
| | | img { |
| | | width: 100%; |
| | | } |
| | | |
| | | p { |
| | | margin: 0; |
| | | .txtSurroundRight { |
| | | .qrbodyPic { |
| | | float: right; |
| | | margin-left: 20px; |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | .img-rights { |
| | | width: 310px; |
| | | float: right; |
| | | height: auto; |
| | | margin: auto; |
| | | margin-left: 20px; |
| | | |
| | | img { |
| | | width: 100%; |
| | | } |
| | | |
| | | p { |
| | | margin: 0 !important; |
| | | .txtSurroundLeft { |
| | | .qrbodyPic { |
| | | float: left; |
| | | margin-right: 20px; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .fTitle { |
| | | font-style: 15px !important; |
| | | margin-top: 20px !important; |
| | | margin-bottom: 20px !important; |
| | | color: #00918e; |
| | | } |
| | | |
| | | .custom-dialog { |
| | | overflow: hidden !important; |
| | | |