.info-container{background-color:#f9f9f9}.info-container .info-wrap{width:1200px;margin:0 auto;padding:40px 20px}.info-container .info-wrap .content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:800px}.info-container .info-wrap .content .left-box{width:200px;margin-right:20px;background-color:#fff}.info-container .info-wrap .content .left-box ul{list-style:none}.info-container .info-wrap .content .left-box ul li{position:relative;font-size:14px;line-height:50px;cursor:pointer;padding:0 16px}.info-container .info-wrap .content .left-box ul li:after{content:"";position:absolute;bottom:25%;right:2px;width:2px;height:50%;-webkit-transition:all .3s ease;transition:all .3s ease}.info-container .info-wrap .content .left-box ul li.active{color:#2d8cf0}.info-container .info-wrap .content .left-box ul li.active:after{background-color:#007aff}.info-container .info-wrap .content .right-box{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff;padding:50px 16px}.info-container .avatar-box{text-align:center;margin-bottom:20px}.info-container .avatar-box .avatar{position:relative;overflow:hidden;width:70px;height:70px;cursor:pointer;border-radius:50%}.info-container .avatar-box .avatar img{width:70px;height:70px}.info-container .avatar-box .avatar .tip{display:none;position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;background-color:rgba(0,0,0,.5);color:#fff;line-height:65px}.info-container .avatar-box .avatar:hover .tip{display:block}.info-container .form-wrap{width:500px}.info-container .mb-code{margin-top:40px;text-align:center}