.orico_Page_articleDetail { width: 100%; position: relative; min-height: 100vh; padding: 3.75rem 0; overflow-y: auto; overflow-x: hidden; background: #f2f2f2; } .orico_Page_articleDetail .articleDetailMain { width: 75%; margin: 0 auto; display: flex; flex-direction: row; margin-top: 2.6rem; } .orico_Page_articleDetail .articleDetailMain .atmleft { display: flex; flex-direction: column; width: calc(100% - 1.5rem - 25rem); } .orico_Page_articleDetail .articleDetailMain .atmleft .ct { min-height: 692px; background: #ffffff; border: 1px solid #e8e8e8; float: left; margin-right: 1.25rem; } .orico_Page_articleDetail .articleDetailMain .atmleft .blog_title { margin: 2.5rem; border-bottom: 1px solid #e8e8e8; padding-bottom: 2.5rem; } .orico_Page_articleDetail .articleDetailMain .atmleft .blog_title h2 { font-size: 1.5rem; font-weight: bold; line-height: 2.125rem; color: #252525; margin-bottom: 1.0625rem; } .orico_Page_articleDetail .articleDetailMain .atmleft .blog_title p { color: #929292; font-size: 0.875rem; line-height: 1.5rem; font-weight: 400; } .orico_Page_articleDetail .articleDetailMain .atmleft .blog_content { margin: 2.5rem; overflow-wrap: break-word; word-break: break-all; word-wrap: break-word; white-space: normal; } .orico_Page_articleDetail .articleDetailMain .atmleft .blog_content p { font-size: 0.875rem; font-weight: 400; line-height: 1.75rem; color: #252525; margin-bottom: 0.625rem; text-indent: 0 !important; } .orico_Page_articleDetail .articleDetailMain .atmleft .blog_content img { max-width: 100%; margin: 0 auto; } .orico_Page_articleDetail .articleDetailMain .atmright { width: 25rem; position: fixed; top: 100px; right: 12.5%; z-index: 10; } .orico_Page_articleDetail .articleDetailMain .atmright .blog_share { width: 100%; height: auto; background: #ffffff; border: 1px solid #e8e8e8; float: left; position: relative; } .orico_Page_articleDetail .articleDetailMain .atmright .blog_share h3 { font-size: 1rem; line-height: 2.125rem; color: #959595; font-weight: bold; padding: 1.25rem 1.875rem; border-bottom: 1px solid #e8e8e8; } .orico_Page_articleDetail .articleDetailMain .atmright .blog_share .clearfix { overflow: hidden; } .orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list { padding: 1.875rem; display: flex; justify-content: space-between; } .orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list .atdit { float: left; /* margin-right: 3.125rem; */ position: relative; } .orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list .atdit img { margin: 0 auto; display: block; } .orico_Page_articleDetail .articleDetailMain .atmright .atdit .triggered_qrcode { display: none; position: absolute; left: 50%; transform: translateX(-50%); } .orico_Page_articleDetail .articleDetailMain .atmright .atdit:hover .triggered_qrcode { display: block; } .orico_Page_articleDetail .articleDetailMain .atmright .repply { width: 100%; height: auto; background: #ffffff; border: 1px solid #e8e8e8; float: left; margin-top: 1.25rem; } .orico_Page_articleDetail .articleDetailMain .atmright .repply h3 { font-size: 1rem; line-height: 2.125rem; color: #959595; font-weight: bold; padding: 1.25rem 1.875rem; border-bottom: 1px solid #e8e8e8; } .orico_Page_articleDetail .articleDetailMain .atmright .repply .itinp { background: #f2f2f2; border: none; border-radius: 8px; height: 48px; box-shadow: none; font-family: Montserrat-Regular, Montserrat; } .orico_Page_articleDetail .articleDetailMain .atmright .repply form { width: auto; height: auto; padding: 1.25rem; } .orico_Page_articleDetail .articleDetailMain .atmright .repply form span { font-size: 0.875rem; font-weight: bold; } .orico_Page_articleDetail .articleDetailMain .atmright .repply form input { width: 98%; height: 2rem !important; border: 1px solid #dbdbdb; margin-top: 0.625rem; margin-bottom: 0.625rem; } .orico_Page_articleDetail .articleDetailMain .atmright .repply form textarea { text-indent: 10px; width: 98%; padding: 10px 0; margin-top: 0.625rem; margin-bottom: 0.625rem; border: 1px solid #dbdbdb; } .orico_Page_articleDetail .articleDetailMain .atmright .comment_btn { margin: 1.25rem 1.25rem; width: auto; height: 2.75rem; line-height: 2.75rem; background: #009fdf; color: #ffffff; text-align: center; cursor: pointer; } .orico_Page_articleDetail .xq { width: 75%; margin: 0 auto; background: #f1f1f1; display: flex; } .orico_Page_articleDetail .xq .love1 { margin-top: 5%; } .orico_Page_articleDetail .xq .love1 .tt { height: 5rem; } .orico_Page_articleDetail .xq .love1 p { font-size: 1.4em; color: #101010; font-weight: bold; text-align: center; } .orico_Page_articleDetail .xq .love1 img { width: 100%; display: block; } .orico_Page_articleDetail .xq .love2 { margin-top: 2rem; display: flex; flex-direction: row; justify-content: space-between; } .orico_Page_articleDetail .xq .love2 li { width: 31%; margin-right: 3.5%; float: left; } .orico_Page_articleDetail .xq .love2 li .lvtit { font-size: 0.75rem; color: #444; margin-top: 1.1875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .orico_Page_articleDetail .xq .love2 li .lvimg { width: 100%; height: 280px; position: relative; overflow: hidden; } .orico_Page_articleDetail .xq .love2 li .lvimg img { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .orico_Page_articleDetail .xq .love2 .lvimg img:hover { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transform: scale3d(1.2, 1.2, 1); } .orico_Page_articleDetail .pl { background: #fff; padding: 2%; } .orico_Page_articleDetail .plmain { margin-right: 1.25rem; margin-top: 2%; } .orico_Page_articleDetail .plmain .titlepp { font-size: 1.4em; color: #101010; font-weight: bold; margin-bottom: 0.9375rem; display: flex; } .orico_Page_articleDetail .plit { margin: 10px 0; display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #e8e8e8; padding: 8px; margin-bottom: 0.3125rem; } .orico_Page_articleDetail .plit:last-child { border: none; } .orico_Page_articleDetail .plit .name { color: #004bfa; padding-right: 0.625rem; } .orico_Page_articleDetail .plit p { word-break: break-all; }