.el-message{margin-top:100px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}body{margin:0;padding:0}.header{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:20px;align-items:center;line-height:60px}.logout{color:#fff;float:right;cursor:pointer}.logout:active,.logout:focus,.logout:hover{color:#000}.logout:visited{color:#000;text-decoration:none}.user{position:absolute;right:12vw;font-size:15px}.topic{background:linear-gradient(90deg,#0722ab,#0974de);-webkit-background-clip:text;color:transparent;font-size:20px;font-style:italic}.myHome{left:3%}.goods,.myHome{line-height:60px;float:left;font-size:18px;position:absolute;color:#f5f7f1;cursor:pointer}.goods{left:8%}.goods:hover,.myHome:active,.myHome:focus,.myHome:hover,goods:active,goods:focus{color:#000}.con{width:70%;overflow:hidden;position:absolute;left:15%}.header[data-v-0b41315c]{width:100%;background-color:#839d8a;height:60px;position:fixed;z-index:10000;left:0}.main[data-v-0b41315c]{direction:horizontal}.mainContent[data-v-0b41315c]{height:calc(100vh - 60px)}.left{float:left}.title{font-size:large}.blog{background-color:#faebd7;border-radius:2%;height:20%}.blog,.blogs{width:100%}.user1{float:left;width:32%;background-color:#f3f3f0;margin:5px 5px;border-radius:2%;height:410px}.contain{display:block;-o-object-fit:cover;object-fit:cover}.contain,.cover{width:100%;height:auto}.icon{display:left;width:10%}.blogName,.watch{height:20%}.user2{width:100%}.nikeName{font-size:15px;margin:2px;color:#0598f4}.info{margin:5px}.foott{width:100%;text-align:center;float:left;line-height:30px}.exam-container{width:calc(33.33% - 20px);margin:10px;text-align:center}.exam-flex{display:flex;flex-wrap:wrap}.file[data-v-5fa8f12f]{display:none}.comments[data-v-920cab64]{display:flex;align-items:stretch;color:#0a0707}.commentHead[data-v-920cab64]{width:100%;font-size:16px;padding:16px;font-display:left;text-align:left}.commentContent[data-v-920cab64]{width:100%;line-height:30px;font-size:16px;position:absolute;left:8%;overflow-wrap:break-word}iframe[data-v-920cab64]{border:none}.content[data-v-920cab64]{padding:10px}.basic-icon[data-v-920cab64]{margin:5px}.basic-icon2[data-v-920cab64],.basic-icon[data-v-920cab64]{width:40px;height:40px;padding:1px;background-color:#fff;border-radius:50%;box-shadow:0 0 3px 2px rgba(0,0,0,.07);overflow:hidden;float:left}.basic-icon2[data-v-920cab64]{margin:10px}.basic-icon3[data-v-920cab64]{width:35px;height:35px;padding:1px;background-color:#fff;border-radius:50%;box-shadow:0 0 3px 2px rgba(0,0,0,.07);overflow:hidden;margin:10px;float:left}.info[data-v-920cab64]{float:left;line-height:23px}.islike[data-v-920cab64]{width:50px;float:right;line-height:30px;border:1px solid #b9722c;margin:10px;border-radius:10%;background-color:aqua}.footer[data-v-920cab64]{width:100%;height:30px;line-height:30px;font-size:18px}.mainframe[data-v-920cab64]{background-color:#f4f6f2;border-radius:2%;padding:10px}.commentTotal[data-v-920cab64]{width:100%;height:10%;font-size:20px;padding:20px;font-display:left;text-align:left}.flex-container[data-v-920cab64]{font-size:20px}.children[data-v-920cab64],.flex-container[data-v-920cab64]{display:flex;justify-content:flex-end;align-items:center;margin:10px;color:#0a0707}.children[data-v-920cab64]{font-size:16px}.foott[data-v-920cab64]{width:100%;text-align:center;float:left;line-height:80px}.icon[data-v-920cab64]{display:flex;width:5%;flex:0 0 auto;margin:3px}.icon2[data-v-920cab64]{display:flex;width:5%;flex:0 0 auto;margin:8px}.commentRight[data-v-920cab64]{margin:5px;line-height:29px}.commentRight2[data-v-920cab64],.commentRight[data-v-920cab64]{flex:1 1 auto;display:flex;flex-direction:column;white-space:pre-wrap;text-align:left}.commentRight2[data-v-920cab64]{line-height:27px}.nikeName[data-v-920cab64]{color:#d2691e}.basic-icon2[data-v-579c3519],.basic-icon3[data-v-579c3519]{width:60px;height:60px;padding:1px;background-color:#fff;border-radius:50%;box-shadow:0 0 3px 2px rgba(0,0,0,.07);overflow:hidden;margin:5px}.basic-icon2[data-v-579c3519]{float:left}.userName[data-v-579c3519]{color:#2d8ef6}.info[data-v-579c3519]{line-height:23px;margin:5px}.info2[data-v-579c3519]{float:left;line-height:30px}.info3[data-v-579c3519]{line-height:30px}.myBlog[data-v-579c3519]{width:100%}.bl[data-v-579c3519]{display:left;text-align:left;width:100%}.basic-icon[data-v-579c3519]{width:40px;height:40px;padding:1px;background-color:#fff;border-radius:50%;box-shadow:0 0 3px 2px rgba(0,0,0,.07);overflow:hidden;float:left;margin:5px}.blogs[data-v-579c3519]{width:100%}.user1[data-v-579c3519]{float:left;width:32%;background-color:#f3f3f0;margin:5px 5px;border-radius:2%;height:410px}.contain[data-v-579c3519]{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.cover[data-v-579c3519]{width:100%;height:auto}.icon[data-v-579c3519]{display:left;width:10%}.blog[data-v-579c3519]{background-color:#faebd7;border-radius:2%;width:100%;height:20%}.foott[data-v-579c3519]{width:100%;text-align:center;float:left;line-height:40px}.ttt[data-v-579c3519]:after{content:"";display:table;clear:both}iframe{border:none}.content{padding:10px}.basic-icon{width:40px;height:40px;padding:1px;background-color:#fff;border-radius:50%;box-shadow:0 0 3px 2px rgba(0,0,0,.07);overflow:hidden;float:left;margin:5px}.userName{color:#45b8ec}.info{float:left;line-height:23px}.islike{width:50px;float:right;border:1px solid #b9722c;margin:10px;border-radius:10%;background-color:aqua}.footer,.islike{line-height:30px}.footer{width:100%;height:30px;font-size:18px}.mainframe{background-color:#f4f6f2;border-radius:2%;padding:10px}.commentTotal{width:100%;height:10%;font-size:20px;padding:20px;font-display:left;text-align:left}.flex-container{justify-content:flex-end;margin:10px}.create-page,.flex-container{display:flex;align-items:center}.create-page{justify-content:center;height:100vh;background-color:#f0f0f0;flex-wrap:wrap}.el-form{width:60%;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}.el-form-item{margin-bottom:15px}.el-button{margin-right:10px}.select-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:60%;background-color:#f0f5f7;z-index:1000}.aside{flex:1;padding:10px;background-color:#f6f8f8;margin-bottom:10px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1);text-align:left;height:96vh;width:15vw;line-height:4ph;float:left}.questionList{margin:10px 2px 10px 2px}.main{flex:2;padding:15px;width:50vw;background-color:#f0f0ef}.main,.right{float:left;height:96vh;text-align:left}.right{flex:1;padding:10px;width:15vw;background-color:#f6f8f8}.container{display:flex;align-items:stretch}.videocontainer{float:right;width:360px}