/**** /content/css/extra-reading.css ****/
@CHARSET "UTF-8";
.extra-reading.cat .group-content { background: #eaf4fd; padding: 20px !important; margin: 0 10px 30px; border-radius: 3px; }
.extra-reading.cat .subgroup-content { border: dashed 1px #ccc; padding: 10px !important; margin: 0 0 10px; border-radius: 6px; }
.extra-reading.cat .inner h3 { margin-bottom: 8px; }
.extra-reading.cat .cat-img { float: left; width: 50px; height: 50px; display: block; }
.extra-reading.cat .st-bl.std.big .hdr.imgwith { padding: 10px; }
.extra-reading.cat .cat-img img { max-width: 50px; }
.extra-reading.cat .hdr.imgwith .addinfo { margin-left: 60px; margin-top: 16px; }
.extra-reading.cat .inner { font-size: 16px; line-height: 24px; }
.extra-reading.cat .inner ul { margin-bottom: 14px; }
.extra-reading.cat .group-content ol span { display: inline-block; margin-left: 10px; color: #666; }
.extra-reading.lit-main .class-item { display: block; float: left; width: 31%; box-sizing: border-box; margin: 10px 1%; overflow: hidden; margin: 10px 1% 22px; }
.extra-reading.lit-main .class-item a { width: 34px; height: 34px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: flex; align-items: center; margin: 2px; border-radius: 4px; text-decoration: none; color: #000; background: #d5e6fd; }
.extra-reading.lit-main .class-item.vne .class-name { color: #72a5e8; }
.extra-reading.lit-main .class-item .sub-name { font-size: 12px; color: #999; line-height: 14px; }
.extra-reading.lit-main .class-item.let a { background: #d5ece1; }
.extra-reading.lit-main .class-item.lit .class-name { color: #9775b0; }
.extra-reading.lit-main .class-item.lit a { background: #e3d4ee; }
.extra-reading.lit-main .class-item.let .class-name { color: #62b38c; }
.extra-reading.lit-main .class-item.summary a { background: #f0e8ca; }
.extra-reading.lit-main .class-item.summary .class-name { color: #b99819; }
.extra-reading.lit-main .class-item.rdiary a { background: #d3d9e1; }
.extra-reading.lit-main .class-item.rdiary .class-name { color: #7b8799 }
.extra-reading.lit-main .class-item.tests a { background: #efd9de; }
.extra-reading.lit-main .class-item.tests .class-name { color: #b27e8a }
.extra-reading.lit-main .class-item .links { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.extra-reading.lit-main .class-name { font-size: 17px; line-height: 20px; font-weight: 600; margin-bottom: 10px; }
.extra-reading.lit-main .block { padding: 20px; margin-bottom: 30px; }