@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(80%);transform:translateX(80%)}50%{opacity:.3;-webkit-transform:translateX(40%);transform:translateX(40%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes slide-in{0%{opacity:0;-moz-transform:translateX(80%);transform:translateX(80%)}50%{opacity:.3;-moz-transform:translateX(40%);transform:translateX(40%)}100%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@-o-keyframes slide-in{0%{opacity:0;-o-transform:translateX(80%);transform:translateX(80%)}50%{opacity:.3;-o-transform:translateX(40%);transform:translateX(40%)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%)}50%{opacity:.3;-webkit-transform:translateX(40%);-moz-transform:translateX(40%);-o-transform:translateX(40%);transform:translateX(40%)}100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.main{overflow-x:hidden}.main .container{min-height:40rem;width:80%;padding:3rem 0;margin:0 auto;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.main .container .left{width:10%}.main .container .left .left-top{text-align:center}.main .container .left .left-top span{display:block;font-size:1.25rem;line-height:1.25rem;padding:1rem 1rem;color:#fff;background-color:#3456b1}.main .container .left ul li{border:.0625rem solid rgba(119,119,119,.2);border-top:none}.main .container .left ul li a{width:100%;font-size:1rem;display:inline-block;padding:.75rem .375rem;text-align:center;color:#000}.main .container .right{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:4.5rem}.main .container .right .curr{border-bottom:.125rem solid rgba(119,119,119,.2)}.main .container .right .curr span a{font-size:1rem;color:#000;display:inline-block;padding:1rem 0;-webkit-transition:color .3s ease;-o-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}.main .container .right .curr span a:hover{color:#3456b1}.main .container .right .title-list ul{padding:.625rem 0;min-height:25rem}.main .container .right .title-list ul li{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;position:relative;padding-left:1rem;margin-bottom:.75rem;border-bottom:.0625rem dotted rgba(119,119,119,.2);-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.main .container .right .title-list ul li a{width:0;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:inline-block;color:#000;padding:.75rem 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.main .container .right .title-list ul li a:hover{color:#3456b1;padding-left:.75rem}.main .container .right .title-list ul li span{width:6.25rem;text-align:right;font-size:.875rem;line-height:.875rem;color:#999}.main .container .right .title-list ul li::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:.375rem;height:.375rem;background-color:#000;border-radius:50%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.main .container .right .title-list ul li:hover{border-bottom:.0625rem dotted rgba(52,86,177,.7)}.main .container .right .title-list ul li:hover::before{background-color:#3456b1;border-radius:0;-webkit-transform:translateY(-50%) rotate(360deg);-moz-transform:translateY(-50%) rotate(360deg);-ms-transform:translateY(-50%) rotate(360deg);-o-transform:translateY(-50%) rotate(360deg);transform:translateY(-50%) rotate(360deg)}.main .container .right .title-list ul li:nth-of-type(1){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .1s forwards;-moz-animation:slide-in .3s linear .1s forwards;-o-animation:slide-in .3s linear .1s forwards;animation:slide-in .3s linear .1s forwards}.main .container .right .title-list ul li:nth-of-type(2){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .2s forwards;-moz-animation:slide-in .3s linear .2s forwards;-o-animation:slide-in .3s linear .2s forwards;animation:slide-in .3s linear .2s forwards}.main .container .right .title-list ul li:nth-of-type(3){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .3s forwards;-moz-animation:slide-in .3s linear .3s forwards;-o-animation:slide-in .3s linear .3s forwards;animation:slide-in .3s linear .3s forwards}.main .container .right .title-list ul li:nth-of-type(4){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .4s forwards;-moz-animation:slide-in .3s linear .4s forwards;-o-animation:slide-in .3s linear .4s forwards;animation:slide-in .3s linear .4s forwards}.main .container .right .title-list ul li:nth-of-type(5){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .5s forwards;-moz-animation:slide-in .3s linear .5s forwards;-o-animation:slide-in .3s linear .5s forwards;animation:slide-in .3s linear .5s forwards}.main .container .right .title-list ul li:nth-of-type(6){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .6s forwards;-moz-animation:slide-in .3s linear .6s forwards;-o-animation:slide-in .3s linear .6s forwards;animation:slide-in .3s linear .6s forwards}.main .container .right .title-list ul li:nth-of-type(7){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .7s forwards;-moz-animation:slide-in .3s linear .7s forwards;-o-animation:slide-in .3s linear .7s forwards;animation:slide-in .3s linear .7s forwards}.main .container .right .title-list ul li:nth-of-type(8){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .8s forwards;-moz-animation:slide-in .3s linear .8s forwards;-o-animation:slide-in .3s linear .8s forwards;animation:slide-in .3s linear .8s forwards}.main .container .right .title-list ul li:nth-of-type(9){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear .9s forwards;-moz-animation:slide-in .3s linear .9s forwards;-o-animation:slide-in .3s linear .9s forwards;animation:slide-in .3s linear .9s forwards}.main .container .right .title-list ul li:nth-of-type(10){opacity:0;-webkit-transform:translateX(80%);-moz-transform:translateX(80%);-ms-transform:translateX(80%);-o-transform:translateX(80%);transform:translateX(80%);-webkit-animation:slide-in .3s linear 1s forwards;-moz-animation:slide-in .3s linear 1s forwards;-o-animation:slide-in .3s linear 1s forwards;animation:slide-in .3s linear 1s forwards}.main .container .right .content .title{margin:2rem 0 1.5rem 0}.main .container .right .content .title h1{font-size:1.5rem;font-weight:700;text-align:center}.main .container .right .content .author{font-size:1rem;color:#999;text-align:center;padding-bottom:1rem;border-bottom:.0625rem solid rgba(119,119,119,.2)}.main .container .right .content .main-content{font-size:1rem;line-height:1.875rem;padding-top:1.5rem}