.main{margin-bottom:4rem}.main .topimg{padding:0 10rem;height:35rem;background-color:rgba(225,222,222,.564)}.main .topimg img{width:100%;height:35rem}.main .toptitle{padding-top:2.8125rem;border-bottom:.0625rem solid silver;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:0 10rem}.main .toptitle .left{font-size:1.7rem;padding-bottom:1.25rem}.main .toptitle .right{font-size:14px}.main .toptitle .right a:link{text-decoration:none}.main .toptitle .right a{color:rgba(0,0,0,.491)}.main .toptitle .right a:hover{color:rgba(188,23,20,.731)}.main .content{padding:0 10rem;margin-top:2.5rem;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.main .content .left{width:22rem;min-height:18.75rem;max-height:37.6875rem;border-right:.2rem solid #dcdcdc}.main .content .left ul{margin:0;width:20rem;padding:0;list-style:none}.main .content .left ul a:link{text-decoration:none}.main .content .left ul li{position:relative;border:.0625rem solid rgba(128,128,128,.575);border-bottom:none;background-color:#fff;height:4rem}.main .content .left ul li a{display:block;height:4rem;line-height:4rem;padding:0 2rem;color:#000;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.main .content .left ul li span{position:absolute;top:50%;right:2rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.main .content .left ul li span svg{fill:#000;-webkit-transition:fill .3s ease-in-out;-o-transition:fill .3s ease-in-out;-moz-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}.main .content .left ul li:last-child{border-bottom:.0625rem solid rgba(128,128,128,.756)}.main .content .left ul li:hover{background-color:rgba(128,128,128,.411)}.main .content .left ul li:hover a{color:#fff}.main .content .left ul li:hover span svg{fill:#fff}.main .content .left ul li.active{background-color:gray}.main .content .left ul li.active a{color:#fff}.main .content .left ul li.active span svg{fill:#fff}.main .content .right{width:0;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-height:37.6875rem;background-color:rgba(209,209,209,.285);padding:0 1rem;padding-bottom:2rem;margin-left:1rem}.main .content .right h1{font-size:1.7rem;font-weight:700;text-align:center;margin:1.5rem}.main .content .right .content{margin-top:.625rem;padding:0 5rem;font-size:1.3rem;line-height:2rem;color:#333;text-align:justify}.articles-list ul{padding:0}.articles-list ul li{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:.0625rem solid rgba(150,150,150,.3);margin-bottom:.75rem}.articles-list ul li a{width:0;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:3rem;line-height:3rem;font-size:1.125rem;padding-left:16px;color:#000;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.articles-list ul li a:link{text-decoration:none}.articles-list ul li span{font-size:.875rem;vertical-align:middle;color:rgba(150,150,150,.7)}.articles-list ul li:hover{border-bottom:.0625rem solid gray}.articles-list ul li:hover a{padding-left:1.75rem;color:#000}