div .top {background:#B5C2A7;border-bottom-right-radius:.9em;border-bottom-left-radius:.9em;padding:10px 15px;max-width:800px;margin:0 auto 40px auto;}div .top ul {list-style:none;margin:0 auto;padding:0;}div .top li {display:inline-block;}div .top li a {background:#f30;color:#fff;border-radius:5px;padding:5px 15px 10px;text-decoration:none;display:inline-block;}div .top li a:hover {text-decoration:none;background:rgba(204, 0, 0, .80);}#content {padding:0 5px;}header {height:71px;width:100%;display:flex;background:#B5C2A7;}header .left {height:126px;width:33px;display:inline-block;}header .large {height:100px;width:100%;display:inline-block;max-width:1200px;margin:0 auto;}header .large span {display:inline-flex;flex-direction:column;font-size:18px;height:85px;justify-content:center;position:absolute;color:#F0F0F0;cursor:default;}header .right {height:126px;width:41px;display:inline-block;}#content article h1 {line-height:32px;font-size:35px;margin:0 0 40px 0;}#content article h2 {line-height:27px;font-size:25px;margin:40px 0 0;}#content .article {margin-top:30px;}#content .articlePage {margin-top:30px;}#content article h1,#content .article.home h2 {padding-left:11px;padding-top:7px;color:#EA381A;}@media (max-width:600px) {#content .article {max-width:1280px;margin:0 auto 0 auto;padding:10px;background:#fff;}#content .articlePage {max-width:1200px;padding-bottom:10px;margin:0 auto;}.cr {height:600px;width:100%;}}@media (min-width:601px) {.cr {height:600px;width:100%;}#content .article {max-width:1280px;margin:0 auto 0 auto;padding:10px;background:#fff;}#content .articlePage {max-width:1200px;padding-bottom:10px;margin:0 auto;}}#content article p {line-height:19px;color:#666;}#content article img {border-radius:7px;}a {color:#00F;text-decoration:none;}a:hover {color:#00F;text-decoration:underline;}body {margin:0;font-family:"Open sans", Arial, sans-serif;background-size:cover;}footer {text-align:center;padding:5px;}.circle {margin:10px;width:60px;height:60px;border-radius:100%;background-color:#F60;color:#fff;text-align:center;font-size:17px;overflow:hidden;position:absolute;margin-top:-40px;font-family:"Open sans", Arial, sans-serif;}.circle.one-line {line-height:60px;}.circle.multi-line {padding-top:30px;height:70px;}footer {background:#006;color:#FFF;padding:10px;}footer a {color:#7C9CE9;}footer a:hover {color:#0730BD;}.chat-discuss {height:600px;border-radius:7px;width:100%;text-align:center;max-width:1200px;width:100%;margin:0 auto;background:#bfdfef}body {margin:0;}* {padding:0;margin:0;list-style-type:none;font-family:arial;}body {background:#ccc;}.container-list {background:#fff;max-width:470px;margin:50px auto;display:inline-block;vertical-align:top;width:100%;}.container-top {text-align:center;}.container-list .header {width:100%;background:black;height:70px;}.container-top {text-align:center;}.header h3 {color:#fff;font-size:20px;line-height:70px;margin:0 20px;}.container-list ul li {padding:20px;border-bottom:1px solid #ccc;background:#f2f2f2;}ul li img {border-radius:50%;width:50px;height:50px;}ul li h3 {margin-left:70px;margin-top:-50px;font-size:17px;font-weight:550;}ul li p {margin-left:70px;margin-top:0px;}ul li:hover {background:#d0d0d0;cursor:pointer;}ul {text-align:left;}.container-list a,.container-list a:hover {color:inherit;text-decoration:inherit;display:inline-block;width:100%;}