.lineArea { width: 100%; height: .0625rem; background: #e6e6e6; margin-top: 2.8125rem; } .line { width: .1875rem; height: 1rem; background: #ffffff; margin-left: .625rem; margin-right: .875rem; } .wxQrcodeArea { position: absolute; bottom: 2.5rem; right: -2.5rem; background: white; width: 15.625rem; height: 17.1875rem; border: solid .0625rem #d8d8d8; font-size: .75rem; z-index: 99; display: none; flex-direction: column; padding: .625rem; cursor: default; } #wxQrcode { margin: 0 auto; margin-bottom: .625rem; } .wxQrcodeArea .title { font-weight: bold; margin-bottom: .625rem; display: flex; justify-content: space-between; align-items: center; } .wxQrcodeArea .content { margin-top: .3125rem; font-size: .75rem; color: #666; } .content span{ /*font-size:1rem !important;*/ } .content p{ /*font-size:1rem !important;*/ } .pageArea { display: flex; justify-content: space-between; align-items: center; margin-top: 54.08px; } .pageContentArea { font-size: 14.08px; display: flex; justify-content: space-between; flex: 1; flex-direction: column; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; } .pageContentArea a{ color: #666666; } .pageArea img { cursor: pointer; } .pageContentArea a:hover { color: #ad222a !important; text-decoration: underline !important; } .pageContentArea > div:nth-child(1) { margin-left: 12.8px; cursor: pointer; display: flex; align-items: center; } .pageContentArea > div:nth-child(1) a { } .pageContentArea > a:nth-child(2) { margin-top: 2.3125rem; margin-right: 12.8px; cursor: pointer; display: flex; align-items: center; } .pageContentArea > div:nth-child(2) a { color: #666666; } .pageContentArea > div:nth-child(1):hover { color: #374e71; } .pageContentArea > div:nth-child(1):hover a { text-decoration: underline !important; } .pageContentArea > div:nth-child(2):hover { color: #374e71; } .pageContentArea > div:nth-child(2):hover a { text-decoration: underline !important; } /* .pageContentArea > div:nth-child(1):hover .jiantouL { background: url(../image/listDetail/jiantou_active.png); } .pageContentArea > div:nth-child(2):hover .jiantouR { background: url(../image/listDetail/jiantou_active.png); } */ .contentArea { margin-left: 115.04px; } .contentArea .title { font-size: 19px; font-weight: bold; color: #333333; margin-top: 3.75rem; display: block; text-align: center; } .contentArea .tip { font-size: 15px; color: #6c757d; display: flex; margin-top: 28px; justify-content: center; align-items: center; flex-wrap: wrap; } .contentArea .tip img { width: .9375rem; height: .9375rem; } .spanGap { margin-left: .4375rem; margin-right: .4375rem; } .viewImg { width: 1.125rem; height: .75rem; margin-left: 22.08px; } .contentArea .content { margin-top: 43.04px; font-size: 1rem; font-family: Microsoft YaHei; font-weight: 400; color: #000; text-align: justify; } .content img { text-align:center; height: auto !important ; display: block; margin: 0px auto; } .content{ font-size:1rem; } /* 分享到 */ .jiantouL { background: url(../newassets/yj/next.png); background-size: 100% 100%; width: .9375rem; height: .9375rem; cursor: pointer; margin-right: .9375rem; } .jiantouR { background: url(../newassets/yj/next.png); /* background: url(../newassets/yj/next.png); */ background-size: 100% 100%; width: .9375rem; height: .9375rem; cursor: pointer; /* margin-left: .9375rem; */ margin-right: .9375rem; } .shareArea { display: flex; justify-content: flex-end; align-items: center; font-size: 14.08px; margin-top: 56px; } .iconBg { width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; margin-left: 14.08px; } .iconBg:nth-of-type(1) { background: #07b65a; } .iconBg:nth-of-type(2) { background: #f84f57; } .iconBg:nth-of-type(3) { background: #ffad33; } .iconBg:nth-of-type(1) img { width: 22.08px; height: 18.08px; } .iconBg:nth-of-type(2) img { width: 23.04px; height: 19.04px; } .iconBg:nth-of-type(3) img { width: 24.96px; height: 24.96px; } .contentArea > div:nth-child(6) { } /*文章样式*/ .fontcontenet { line-height: 2rem; text-indent: 12px; } .l38 { margin-left: 2.375rem; } /*当屏幕尺寸大于75rem时,应用下面的CSS样式*/ @media screen and (min-device-width: 75rem) { .contentArea{ width: 55.125rem; } .pcmove{ } .moves{ display:none !important; } /*当屏幕尺寸小于75rem时,应用下面的CSS样式*/ @media screen and (max-device-width: 75rem) { .pcmove{ display:none; } .moves{ margin-top: 17px !important; } .content img { width:100% !important; max-width: 100% !important; } .wxQrcodeArea { left: 0rem; } .notilne{ display:block; } .contentArea { margin-left: 0; } /* .contentArea > div:nth-child(1) { color: #333333; font-size: 1rem; line-height: 1.5625rem; } */ .shareBox { display: flex; justify-content: space-between; margin-top: 56px; } .returnBtn { width: 4.5625rem; height: 1.875rem; background: #374e71; border-radius: 1.875rem; font-size: .75rem; color: #ffffff !important; display: flex; justify-content: center; align-items: center; } .returnBtn:hover { color: #ffffff !important; } .shareArea { margin-top: 0; } .iconBg { width: 1.875rem; height: 1.875rem; } .pageContentArea { flex-direction: column; align-items: flex-start; } .jiantouL, .jiantouR { display: none; } .pageContentArea > div:nth-child(1) { margin-left: 0; border-bottom: .0625rem solid #ccc; width: 100%; margin-bottom: .8125rem; padding-bottom: .8125rem; } .pageContentArea > div:nth-child(1) { font-size: .8125rem; color: #333333; } .pageContentArea > div:nth-child(1) a { font-size: .8125rem; color: #888888 !important; flex: 1; } .pageContentArea > div:nth-child(2) { font-size: .8125rem; color: #333333; } .pageContentArea > div:nth-child(2) a { font-size: .8125rem; color: #888888 !important; flex: 1; } .contentArea .title { margin-top: 1.875rem; text-align: left; padding: 0 1.25rem; } .contentArea .tip { /* padding: 0 10em; */ white-space: nowrap; display: flex; flex-wrap: wrap; font-size: .75rem; } .l38 { margin-left: 1rem; } .lineArea { margin-top: 1.875rem; } .contentArea .content{ } .contentArea .content { font-size: .75rem; font-family: Microsoft YaHei; font-weight: 400; color: #666666; white-space: normal; margin-top: 1.25rem; overflow: auto; } .pageContentArea span { font-size: .8125rem; font-family: Microsoft YaHei; font-weight: 400; color: #333; } .pageContentArea .hideOneLine { flex: 1; color: #888888; } }