Upload New File

前端/index用户主页/container.css

+.container{
+.container{
+    width: 1300px;
+    margin: auto;
+}
+
+.hide{
+	display: none;
+}
+.none{
+    height: 66px;
+}
+/* intro------------------------------------------------------ */
+/* nav-------------------------------------- */
+.nav{
+    height: 66px;
+    /* background-color: #8090a7; */
+    background-color: rgba(41,60,90,0.9);
+    width: 100%;
+    position: fixed;
+    top: 0;
+    /* background-image: linear-gradient(blue,#fff); */
+}
+/* to right,#eff5f9,#4072b8 121px*/
+
+.nav-logo{
+    width: 73px;
+    height: 70px;
+
+    float: left;
+    margin-left: 46px;
+    margin-top: 5px;
+}
+
+.nav-login{
+    width: 42px;
+    float: left;
+
+    margin-left: 32px;
+    margin-top: 20px;
+    text-align: center;
+
+    color: #fff;
+    /* 怎么跳转？？？ */
+}
+.nav-list{
+    float: right;
+    display: flex;
+    justify-content: space-between;
+}
+.li{
+    width: 94px;
+    height: 66px;
+
+    color: #fff;
+    /* #e1eff8 */
+    display: flex;
+
+    /* line-height: 20px; */
+    /* margin-top: 20px; */
+    /* 不合理的居中办法 */
+
+    /* text-align: center; */
+    justify-content: center;
+    align-items: center;
+}
+/* 搜索框 -------------------------------------*/
+.search-box{
+    height: 720px;
+    width: 1000px;
+    margin: auto;
+    padding-top: 30%;
+
+    /* position: absolute; */
+    /* margin-top: 200px;
+    top: 20%; */
+
+}
+.search-cate{
+    height: 52px;
+    width: 200px;
+    margin-bottom: 10px;
+    border-radius: 10px;
+
+    background-color:rgba(41,60,90,0.9);
+    /* #0b3c5e */
+    color: #fff;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+.category{
+    height: 30px;
+    width: 60px;
+
+    font-size: 16px;
+}
+
+.search-bar{
+    width: 838px;
+    margin: auto;
+    height: 52px;
+
+    border-radius: 10px;
+    font-size: 20px;
+}
+.search-btn{
+    width: 100px;
+    height: 52px;
+
+    background-color: rgba(41,60,90,0.9);
+    color: #fff;
+    font-size: 20px;
+    border-radius: 10px;
+}
+
+
+/* bg----------------------------------------------------------------------------------------- */
+/* my----------------------------------------- */
+.my{
+    /* height: 1372px; */
+    height: 800px;
+    width: 1050px;
+    margin: auto;
+
+    /* margin-top: 50px; */
+
+    background-color: #fff;
+    border-radius: 10px;
+    border-bottom: 1px solid grey;
+}
+
+.my-messgage{
+    width: 800px;
+    margin: auto;
+    /* height: 100px; */
+    background-color: #cccccc;
+    border-radius: 10px;
+}
+.my-messgage-header{
+    margin-left: 20px;
+    border-bottom: 1px solid black;
+}
+.my-messgage-main{
+    margin-left: 50px;
+}
+
+
+.my-bookshelf{
+    height: 358px;
+    width: 1050px;
+    
+    justify-content: space-around;
+}
+.my-bookshelf-main{
+    width: 1050px;
+    display: flex;
+}
+.my-history{
+    height: 358px;
+}
+/* hot-list----------------------------------------- */
+.hot-list{
+    width: 1050px;
+    height: 408px;
+    margin: auto;
+    /* margin-top: 50px; */
+
+    background-color: #fff;
+    border-radius: 10px;
+
+    border-bottom: 1px solid grey;
+}
+/* book-list------------------------------------------ */
+.book-list{
+    width: 1050px;
+    height: 408px;
+    margin: auto;
+    /* margin-top: 50px; */
+
+    background-color: #fff;
+    border-radius: 10px;
+
+}
+/* user-message----------------------------------------- */
+.user-message{
+    width: 1050px;
+    margin: auto;
+    /* margin-top: 50px; */
+
+    background-color: #fff;
+    border-radius: 4px;
+
+}
+.user-input{
+    width: 800px;
+    height: 200px;
+    margin: auto;
+    margin-top: 50px;
+    /* margin-bottom: 50px; */
+
+    background-color: #fff;
+    border-radius: 10px;
+
+}
+
+/* ------------------------------------------------------------------------------------------- */
+/* footer----------------------------------------------- */
+.footer{
+    height: 200px;
+    background-color: #21314c;
+    color: #fff;
+    font-size: 50px;
+    margin-top: 50px;
+
+    /* #0984e3 */
+}
+
+/* font-------------------------------------------------- */
+.big-h{
+    margin-left: 10px;
+    font-size: 30px;
+}
+.middle-h{
+    font-size: 20px;
+}
\ No newline at end of file