.personalCenterBox{width:100%;height:100%;background-color:#f7f7f7}.personalCenterBox .el-scrollbar__wrap{overflow-x:hidden}.personalCenterBox .is-vertical .el-scrollbar__thumb{background-color:rgba(144,147,153,.8)}.personalCenter{width:100%;height:100%;display:flex;justify-content:center;padding-top:20px}.personalCenter .personalCenterTitle{height:42px;display:flex;align-items:center;justify-content:space-between;padding-left:16px;border-bottom:1px solid #eee;position:relative}.personalCenter .personalCenterTitle:after{content:"";position:absolute;top:10px;left:3px;width:6px;height:22px;line-height:22px;background-color:#3657c0;z-index:2}.personalCenter .personalCenterTitle:before{content:"";position:absolute;top:15px;left:0;width:4px;height:20px;line-height:22px;border:1px solid #707070}.personalCenter .personalCenterTitle .personalCenterTitleText{font-size:20px;font-family:Microsoft YaHei;font-weight:700}.personalCenter .personalCenterTitle .el-button{padding:6px 16px}.personalCenter .personalCenterLeft{width:1044px;margin-right:16px}.personalCenter .personalCenterLeft .PersonalInformation{height:416px;padding:10px 30px;background-color:#fff;margin-bottom:16px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox{margin-top:30px;padding:30px 0;display:flex;justify-content:center}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox{width:150px;margin-right:52px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .informationImg{width:130px;height:175px;margin:auto}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .informationImg .el-image{width:100%;height:100%}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .identity{font-size:16px;font-family:Microsoft YaHei;font-weight:400;vertical-align:middle;padding-top:10px;display:flex;align-items:center;justify-content:center}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .identity span{width:20px;height:20px;display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAmtJREFUWEftmD1oE2EYgJ8v11ZNo4iWEEShQ7EaEWIbrM0iBd06qOBQQejSTQdBEcFBRFFQ/HeQiAoWC04FB91EEEqgCVEXfzG2Uat0ULRNCrn75JKW/pC7+9JLG4e79f255x6+9+XuBDaXTESlXbxaMdExLKx6WQbMAg9wWptn0O1Z9Ax6Bq0MeGvGWzMLz0Z9EPQ/YOQqmpvlWzPb+mHyPXw++x8Crt0Nmy+DLMDrgzCVVYZcHoOmvcbWEtSPx/DlUo0BtQCs2AgrN8GanRDcNwtkTMH3fsh9gnwG8lnbc1l9g8ED0HxK2VAx8c0hyH0oW1N9QN8qaL0BqyNqkGOPYOSqZW71AYu30qDlHKzbYw/57QFkb9vmLBHgNGQ4DoHt5QF+DkLmvKPlJQQEwvesAccGYORKjQHbX4DmLw/xOwHvjtQQsCEEkSclgPwojN6ChiBs6IX69VD4Bam9NQRs3AotF+FrHMafAnoJxtyRoR5o6oZX+wGjVkPiKEcpYWmHRAnBPskDdCvRM+gZtDIgh9p6EeImQgTcWipbL+VfhDwuOlJ3rPrb/n4zi+RQpBmfNgBiV5Uh0+iyR8SSb+36OgIWIZ9Thz96EjgD1LkGFVxjYviE6KLg1EsJcKaJTOyIIn0PEWKLU2OLeBbd6BOx1DPV+ooASzbDAfz+C4Dza8o8CjnIJH2iKzmuCmfmVQw4a7OtG3xxIGR7Q3MQpH5MdKbvVgI2k7towJLN9ib8xEHM+aSbiyFfYuiHRWc6sxg4VwbnYSxcR5I8PnmaieR1lUFwPcUqT19cR5p2Hyny6MZREUt9VKlzyvkHu5oROPxmHCUAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;vertical-align:middle;margin-right:6px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .informationButton{padding-top:10px;text-align:center}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .informationButton .el-button{padding:8px 16px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .informationButtonYN{padding-top:10px;display:flex;align-items:center;justify-content:space-between}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .informationImgBox .informationButtonYN .el-button{padding:8px 16px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .personalCenterUser{width:600px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .personalCenterUser .personalCenterUserItem{width:50%;display:inline-block;font-size:17px;font-family:Microsoft YaHei;line-height:24px;padding-bottom:20px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .personalCenterUser .personalCenterUserList{width:100%;font-size:17px;font-family:Microsoft YaHei;line-height:24px;padding-bottom:20px}.personalCenter .personalCenterLeft .PersonalInformation .PersonalInformationBox .personalCenterUser span{font-size:17px;font-family:Microsoft YaHei;font-weight:700}.personalCenter .personalCenterLeft .activeBox{height:505px;padding:10px 30px;background-color:#fff}.personalCenter .personalCenterLeft .activeBox .active{width:100%;height:446px;display:flex}.personalCenter .personalCenterLeft .activeBox .active .LoginSituationButton{display:flex;align-items:center;justify-content:center;padding-top:24px}.personalCenter .personalCenterLeft .activeBox .active .LoginSituationButton div{width:120px;height:28px;border:1px solid transparent;border-radius:2px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:#333;text-align:center;cursor:pointer}.personalCenter .personalCenterLeft .activeBox .active .LoginSituationButton .LoginSituationIs{border:1px solid #333}.personalCenter .personalCenterLeft .activeBox .active .LoginSituationButton div+div{margin-left:30px}.personalCenter .personalCenterLeft .activeBox .active .LoginSituationBox{width:50%}.personalCenter .personalCenterLeft .activeBox .active .LoginSituationBox .LoginSituationEmpty{width:100%;height:330px}.personalCenter .personalCenterLeft .activeBox .active .installationSituationBox{width:50%}.personalCenter .personalCenterLeft .activeBox .active .installationSituationBox .installationNumber{display:flex}.personalCenter .personalCenterLeft .activeBox .active .installationSituationBox .installationNumber div{width:33.33%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#333;text-align:center;line-height:26px}.personalCenter .dynamicBox{width:660px;height:938px;background-color:#fff;padding:10px 10px}.personalCenter .dynamicBox .dynamicTitleBox{padding:0 20px}.personalCenter .dynamicBox .dynamicText{font-size:15px;color:#666;line-height:52px;text-align:center;border-top:1px solid #e6e6e6}.personalCenter .dynamicBox .dynamic{width:100%;height:calc(100% - 44px)}.personalCenter .dynamicBox .dynamic .el-scrollbar__wrap{overflow-x:hidden}.personalCenter .dynamicBox .dynamic .is-vertical{background-color:#f1f1f1}.personalCenter .dynamicBox .dynamic .is-vertical .el-scrollbar__thumb{border-radius:0;background-color:#ccc}.personalCenter .dynamicBox .dynamicList{padding:0 20px}.personalCenter .dynamicBox .dynamicList .dynamicItem+.dynamicItem{border-top:1px solid #eee}.personalCenter .dynamicBox .dynamicList .dynamicItem{display:flex;padding:20px 0}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemImg{width:70px;padding-right:20px}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemImg .el-image{width:50px;height:50px;border-radius:50%}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemContent{padding-bottom:6px;max-height:78px;position:relative;overflow:hidden}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemContent .dynamicItemContentText{font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:26px;color:#333;word-break:break-all}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemContent .dynamicItemMore{position:absolute;top:78px;left:100%;font-size:15px;transform:translate(-100%,-100%);width:120px;text-align:right;line-height:26px;cursor:pointer;background-image:linear-gradient(270deg,#fff 56%,hsla(0,0%,100%,.8) 59%,transparent);color:#3657c0}.personalCenter .dynamicBox .dynamicList .dynamicItem .isdynamicItemContent{max-height:none;padding-bottom:26px}.personalCenter .dynamicBox .dynamicList .dynamicItem .isdynamicItemContent .dynamicItemMore{top:100%}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemTime{font-size:15px;font-family:Microsoft YaHei;font-weight:400;line-height:20px;color:#666}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemTime span{font-size:16px;margin-left:12px;color:#333;cursor:pointer}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox{width:calc(100% - 70px)}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemName{font-size:17px;font-family:Microsoft YaHei;font-weight:700;line-height:24px;padding-bottom:10px}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemName span{display:inline-block;font-size:15px;font-weight:400;line-height:24px}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicImg{display:flex;flex-wrap:wrap;padding:8px 0}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicImg .dynamicImgItem{width:70px;height:70px;margin-bottom:6px;margin-right:6px}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicImg .dynamicImgItem .el-image{width:100%;height:100%}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox{display:flex;align-items:center;justify-content:space-between}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox .dynamicItemPraiseComments{display:flex;align-items:center;font-size:15px}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox .dynamicItemPraiseComments .dynamicItemPraise{display:flex;align-items:center;cursor:pointer}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox .dynamicItemPraiseComments .dynamicItemPraise span{width:20px;height:20px;margin-right:6px;display:inline-block;vertical-align:middle;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA+ZJREFUWEfNmE1oXFUUgM+5bwIGDESo0EJBF21sUsy8e2+FCAkq6qLgQlEhRRcuBFvcVKioEDFBxIKKLgTrQtwI7aJiRBcFCwoNqNR77kwiQwhdCCIGLFix8EIy7x25w33hZTLJ5JGYubN6b95553xzz8+ccxD+h49S6jkAOIuIJ5j5JjPPZlk2Xa/X/yhrDsu+0E1eKfUeIp7rILfMzBNEdKObjuLzPQWsVqvjlUrlmjPAzLcA4FsAOIKIY/67OSKa6BmglPJdIcTrDiBNU1mr1WruWil1EREn3fXq6urwwsLC4k4h9/QEtdbu9MaZ+QYRHc0hpJSPCSG+86d4koiu9ARQKfUvIt4JAJeNMc/mEHEcPxlF0VfuPsuyx621V/cdMI7jOIoi6w2fM8Z8kEMopV5GxI/d/dra2v3z8/O/7jugUuolRLzg3fggEf1UAPwQEc+6+yRJBhqNxu1eAP7ostVlLxHdDQDNAuA3iPgEACwbYw7tFM7J7UmSSCmfFkJc9oYvGGPOFCG01r8DwGFmvkJEJ/cVcHR09L6+vr45ADjAzLdXVlaONhqN5RxiaGjowMDAwF/e9R8R0Sv7BlitVo9XKhWXkQc9wGki+rQI0JbBp6y1l3YFKKW8ZxsFgwAwiIiHAWAMEV8EgDu2Ox2t9ScAcNpn8FgUReunm9sRQtwyxvzTye56DEopq4g4i4j3lvmFXva8MeaNTu/l8ddNpyvuzHzeWvtZUXYdUGvtaljcTVHxOTP/AgBvbvXP0FYbd6SamTfEaRGQvYZZZv66DeSYEOI178qZNE2vJkmyuLS0dHM7q1rrY8zcahS6fI4j4gsu0ZxclmXPWGu/dNebAJl5mohm2gL94SiKvnffpWn6SK1W+6GbxbLPlVJHAOA6Iro4nzPGtLqeYAAdTKHrWTHG9IcI+Ll3ddMY0xci4DVEHAeARWPMcHCAWus/XdF3MwwRPRUUYBzHg1EU/e0rxftE9GpQgFLKE0KI677MnLHWtlq3YLJYSjkphLjooJrN5kS9XncNSDiAWuu3AWDKQSVJcijviII5wbwG+ob3rrzQBwOY9wLu/52IHggOMJ8ImfkSEZ0KCnBkZORgf3+/q4FuIzFFRO8EBVgc7LMs29B1BxGDxZG1uDIJpswopbacm0M5QdcHul3iIhG1moRgYlBK+agQorWraW/3e+5iP1O77tyNrU1mHm5fcPbExX60nUTEKb8N21ReNrm4sDorO07sWr6TazsBvoWI07u2VkKBm4UBYIaIvtjqtQ3LI6XU88z8ECJWStgpJcrMTUT8jZl/tta6+FvfgnVStCfbrVKEJYX/A7Dg/Uf4UH6rAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox .dynamicItemPraiseComments .dynamicItemPraiseY{color:#dc764f}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox .dynamicItemPraiseComments .dynamicItemPraiseY span{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAwVJREFUWEfVmE1u2kAUx98zUbdJT1BQzbrkBIUDAO4JmpwgVKpRdyW7ClcqPUGTE9TAAUpOELrGFfQEKdsozOsbG5vBGIwFlKlXMB57fv7Pm/eFcIDLa1YtIOMKEMr8+gkBuSePxnWh4/7JuhxmfSBt/qhZayHgx4R5k5yBlcInd5L2DvX+XgHHtlWaId3PF5gCK0cAJQZ+5Y8RDEynWzkaoGfXOoB4JQFyhOcFxx3K3zzu8njdHzewkEXFvSo4smsDRHzNSv1mpfKhUqP3VhkN+uGLKLBS/OwOtlVxr4Bes847Kimoazo9SytA1f4QxLuX7X4nAlQOztEU/NWsNgiML0nbqJ5ss93NtGuZJm+ym5Fdv0eEEs+ZMsSZOjeyzYR7aba4F0DfMYPxPfAkdF1s91rqwmybY/6fJ6K7otMrp0Gp93cG9G0P+IQiSNWm7EZKqhsZN6yz2TN6WAefBrsTYAyO1xJvzHbfXVZvoW7S/cyA4w9WHmazF5sefCJWy8AyR4jGYh7dmu3eRfw51XmzAVzkiCbxOQWnf7duvUjBuZuQdpRP+6qV+0Rf2e8psIsZof1t8U4GpxZ/5G2iDXp2XdpRJgPmA/EThNFYFxlisXkLRv+U3XAUugwnRwqGUUCeNAYdxL6CVcW3ckw6YSFyw5MnGKalTzLEgSFSPxqlySBK8zj11yVxaTr9m2C9+RUBJriJXWLpdrIBzNWWwpwSwbDodM+1ApQwXrPGqgU7FUYcbRT8LwDDkCgPH0cjGTb1sUFfQbv+ICOSGhI12+Ign1TjuTaAqqdQ80ltAD27egFofAvc4KIs0AZQTWpzj/g8DALaAKqVn5p1awMYuZhYUqsN4LqKUAtAmYPOBMmyYKVk0AJQdTHxrFsLwE0lqxaAalkQr5v1AJyXpfGejhbJwrL9rRZeR1UwXrYmteaOAijBBApOXbAVlgRJHYn4Fsv+cVC0/PMruaZeAtzQWz4cLjc6AUUj3o1QF1xqfcgmEMvup9oHv4Qx2KbTulNv5uAfwQv8BeP8r0fkRQ0lAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox .dynamicItemPraiseComments .dynamicItemComments{display:flex;align-items:center;font-size:15px;cursor:pointer;margin-right:26px}.personalCenter .dynamicBox .dynamicList .dynamicItem .dynamicItemBox .dynamicItemTimeBox .dynamicItemPraiseComments .dynamicItemComments span{width:20px;height:20px;margin-right:6px;display:inline-block;vertical-align:middle;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAwhJREFUWEftmTFoFFEQhmfeBrKBFBKbgBYBLfSaZPdZprBUsLCwCURMMGKCSWVCtFKxUFAhYMRIAjkwYpNSsLUQtMgOCcohmOIaIRYhKYRskezIhH3hud6dt3uXnMVu9Xj3z7wv82bfzL4gWE+hUOhsb28/bs8d9Xhra+tnuVwOzboog97e3hOO48wi4iUAaDtqqMR6u8z8LgzDsVKptIE9PT1uV1fXF0Q83WKw5PLfNjc3PfQ877pSauE/g9vHiaJoBH3ff46I4zFgyMxTURR9bQWw4zgaAB6bNGPmGQFcRMQhAWLmp0Q01Qo4s6bW+iUAjMY8xSTgMBEVWwno+/49RLyfA2bdhTyCWSNn7PII5hGscA62aa0fMrNUm10AmCGiB8lIaa0fxRr5SQ78vzSSXwAwGdtW1aQ6B33fv4mIczYQMw8S0RszV6meJzVa62sA8EcRSGrEX+qXxC6FFuRcEARj1pt3UC7NHDMXiWg4jSYToOd500opKeAHDzNfJaIlq37elm1NaEaJ6JUFeAsRZxOacSJ6Yc+ljqB0FnEUB+McXAiCYCIeG9+imY+bDsnTWhrxI43JEhHdSPhJv8WGoK+v75iMV1dXt6sdJc3QZIlgo0dbKvscMFW4KojzCOYRzL9J/pEDNV8S6TSCIHjWaB41Yi9dEQDciatNUW4W5pVSI/HE+t7e3vm1tbUfjSyS1VZrfQoAPgDAydjHHGqtKxX6co1FNgBAmoV1SyO1+AkAXM4Kh4hyaWXAjJtJLBQK3a7rfkfEznqdM/MsEUnDII80tG8B4Eq99vXomHk7DMOz5vqt33Ec6enquuGyer3DgpPdkV36vA9oIuH7/rkoitxKfyEiXlBKTZvkDcNwwnXd94jYb/TMvMLMd5lZWq5Mj1IqJKIV04bZgDUd+r4/hIiLsWiZmbttOAD4uLOzc7FUKv3KRFbFKCtg0t2hwMkizQA8NLiGAeO75IFmb6u9PWkiOIiIry3j5SAIBpLfFM3Mv1QRlH9RdHR0fAKAM1U+iprNtu/vNz9qdZTWoKprAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.personalCenter .dynamicBox .dynamicComments{display:flex;justify-content:space-between;padding-top:10px}.personalCenter .dynamicBox .dynamicComments .dynamicCommentsImg{width:30px;height:30px}.personalCenter .dynamicBox .dynamicComments .dynamicCommentsImg .el-image{width:100%;height:100%;border-radius:50%}.personalCenter .dynamicBox .dynamicComments .dynamicCommentsBox{width:calc(100% - 46px)}.personalCenter .dynamicBox .dynamicComments .dynamicCommentsBox .dynamicItemName{padding-bottom:6px!important}.personalCenter .dynamicBox .dynamicComments .dynamicCommentsBox .dynamicItemTime{padding-bottom:3px!important}.personalCenter .dynamicBox .commentsNewBox{width:100%;padding:10px 0}.personalCenter .dynamicBox .commentsNewBox .commentsButton{display:flex;justify-content:flex-end;padding-top:10px}.personalCenter .dynamicBox .commentsNewBox .commentsButton .el-button{padding:6px 12px}