#body{padding-top:120px;background-position:center top;background-repeat:no-repeat}#body>.title{max-width:920px!important;margin-top:20px;font-size:36px;font-weight:700;color:#57c4c7;text-align:right}#body>.subtitle{display:none}#body>.content{margin-top:370px;padding:50px 40px;background:#fffc}#bd-list{float:left;width:240px}#bd-list>dd{margin-bottom:10px}#bd-list>dd>a{display:flex;align-items:center;overflow:hidden}#bd-list>dd>a:hover,#bd-list>dd>a.selected{font-weight:700;color:#57c4c7}#bd-list>dd>a>img{width:85px;margin-right:10px;border-radius:5px}#bd-detail{float:right;width:calc(100% - 240px)}#bd-detail>*{padding:0 30px}#bd-detail>h1{font-size:24px;font-weight:700;color:#52b28c;border-bottom:1px solid #999;padding:10px 30px}#bd-detail>h2,#bd-detail>h3,#bd-detail>h4{font-size:18px;font-weight:700;color:#57c4c7;margin-bottom:20px}#bd-detail>ul{padding:0 0 0 60px}#bd-detail>.button{display:block;width:200px;margin:auto}@media screen and (min-width:768px){#bd-list{display:block!important;opacity:1!important}}@media screen and (max-width:767px){#body{padding-top:100px;background-size:800px}#body>.subtitle{position:relative;display:block;margin:100px 0 0;padding:0 10px;line-height:40px;font-size:21px;font-weight:700;color:#fff;background:#57c4c7}#body>.subtitle:after{content:"";position:absolute;top:15px;right:10px;width:0;height:0;border-style:solid;border-width:10px 5px 0 5px;border-color:#ffffff transparent transparent transparent}#body>.content{overflow:visible;margin-top:0;padding:0 10px;background:#fff}#bd-list{display:none;opacity:0;float:none;position:absolute;left:0;width:100%;padding:10px;background:#ffffffe6}#bd-detail{float:none;width:100%}#bd-detail>*{padding:10px}#bd-detail>hhhh{display:none}}@media screen and (max-width:575px){#body{padding-top:50px;background-size:600px}#body>.subtitle{margin-top:50px}}