@font-face { font-family: SFProDisplay; src: url('./styles/font/SF-Pro-Display-Regular.otf'); } @font-face { font-family: ProximaNova; src: url('./styles/font/ProximaNova-Regular.otf'); } @font-face { font-family: PingFang; src: url('./styles/font/PingFang-Regular.otf'); } @font-face { font-family: PingFang SC; src: url('./styles/font/PingFang-Regular.otf'); } .mce-content-body:not([dir='rtl']) blockquote { padding: 8px 15px; border-left: 0; background-color: #ededed; } .mce-content-body p { margin: 0; } .tiny-wrap { /* width: 900px; */ margin: 0 auto; } .tiny-wrap .blue { color: #1583ff; } .tiny-wrap blockquote p { margin: 0; font-style: italic; } .tiny-wrap .block { margin-bottom: 20px; overflow: hidden; } .tiny-wrap .block .fl { float: left; margin: 0 20px 0 0; } .tiny-wrap .block .fr { float: right; margin: 0 0 0 20px; } .tiny-wrap .block p { margin: 0 0 10px; font-size: 19px; font-family: SFProDisplay; font-weight: 400; color: #101010; line-height: 32px; white-space: pre-wrap; } .tiny-wrap .en-block p, .tiny-wrap .en-block .img-des { font-family: ProximaNova; letter-spacing: -0.0135em; line-height: 1.5em; } .tiny-wrap .block .tiny-title { margin: 10px 0; font-size: 24px; font-family: SFProDisplay; font-weight: 500; color: #101010; line-height: 32px; } .tiny-wrap .quote { padding: 15px; margin-bottom: 10px; font-size: 16px; font-style: italic; border: 1px solid #e3e3e3; background-color: #f1f1f1; } .tiny-wrap .img-wrap { text-align: center; } .tiny-wrap .img-wrap img { max-width: 600px; max-height: 600px; } .tiny-wrap .block .img-des { margin: 10px 0 0; font-size: 14px; color: #8d8d8d; text-align: center; } .tiny-wrap .block .pic { width: 300px; height: 190px; } .tiny-wrap .people { display: flex; align-items: center; margin-bottom: 30px; } .tiny-wrap .people .pic { max-width: 400px; margin-right: 50px; } .tiny-wrap .people h6 { font-size: 24px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; } .tiny-wrap .people h6 { margin-top: 20px; font-size: 18px; color: #333; line-height: 35px; } .tiny-wrap .p-title { display: flex; align-items: center; margin: 0 0 10px; font-size: 22px; font-weight: 400; color: #333; } .tiny-wrap .p-title:before { content: ''; width: 5px; height: 19px; margin-right: 8px; background: #1583ff; border-radius: 4px; }