/*PC*/
/*背景层*/
#background{background: url("../img/other/bg2.jpg") no-repeat; background-size:cover;background-position:center;position: fixed;top:0;left: 0;width: 100%;height:100%;object-fit: cover;z-index: -1}
/*顶部、菜单*/
#menu{width: 100%;height: 240px;display: flex;justify-content: center;flex-wrap: wrap;position: absolute;}
.head_div{width: 100%;display:inherit;justify-content: inherit;z-index: 1}
.head_picture{width: 100px;height: 100px;border-radius: 50px;margin-top: 20px}
.head_p{width: 100%;display:inherit;justify-content: inherit;flex-wrap:inherit;z-index: 1}
.head_p div{}
#menu_list{width: 100%;height:auto;background: rgba(255,255,255,0.96);display: flex;flex-direction: row;justify-content: center;align-items: center;z-index: 2;box-shadow: 2px 2px 10px rgba(35, 35, 35, 0.32)}
.log_img{height: 46px}
.block_out{border-radius: 5px;border: 1px solid rgb(231, 231, 231);width: 16%;height: 28px;display: flex;justify-content: center;flex-direction: column;background: rgba(255,255,255,1);margin:0 10px }
.block_in{text-align: center;font-size: 16px;}
.input_search{width: calc(100% - 10px);height: 28px;margin: 0;padding: 0 5px 0 5px;outline: none;border: 0}
.search_icon{width: 28px;height: 28px;background-repeat:no-repeat;}
.head_p div{width: 100%;text-align: center}
/*内容区域*/
#contents{width: 100%;height: auto;min-height:calc(100% - 240px);background: rgba(251, 251, 251, 0.93);position: absolute;z-index: 0;top:240px;display: flex;justify-content: center;flex-wrap: wrap;}
.contents_pa{width: 75%;height: auto;min-height:630px;display: flex;justify-content: center;padding: 20px 0 0 0}
/*右侧其他信息*/
.contents_right{width: 300px;height: 100%;min-height:calc(100% - 240px);min-width:300px;border-radius: 5px;}
#message{width: 300px;height: 345px;background: rgba(255,255,255,1);border-radius: 5px;box-shadow: 1px 1px 10px #e1e1e1;transition: 0.3s}
#message:hover{box-shadow: 1px 1px 10px #afafaf}
.message_box{width: 100%;height:335px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;padding: 8px 0 8px 0}
.message_manga{width: 95%;height:220px;object-fit: cover;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow: 1px 1px 10px #b9b9b9;transition: 0.3s}
.message_manga:hover{box-shadow: 1px 1px 10px #828282;}
.message_head_data{width: 95%;height: auto;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center}
.head_picture_2{width: 60px;height: 60px;border-radius: 5px;position: relative;top:-20px;margin: 0 auto 0 20px;box-shadow: 1px 1px 10px #b9b9b9;transition: 0.3s}
.head_picture_2:hover{box-shadow: 1px 1px 10px #828282;}
.message_data{position: relative;display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: center;align-items: center}
.message_data div{margin:5px;font-size: 14px}
.message_data div:nth-child(2){height: 30px;width: 1px;background: #ebebeb}
.motto{width: 95%;height:auto;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;background: #e1e1e1;border-radius: 5px}
.message_name{margin: 2px auto 2px 15px;}
.node_title{width: 300px;height: 30px;background:rgba(255,255,255,1);border-radius: 5px;margin: 20px 0;display: flex;justify-content: center;align-items: center;box-shadow: 1px 1px 10px #e1e1e1;transition: 0.3s}
.node_title:hover{box-shadow: 1px 1px 10px #afafaf}
.new_doc{width: 300px;height: auto;min-height:280px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;box-shadow: 1px 1px 10px #e1e1e1;transition: 0.3s}
.new_doc:hover{box-shadow: 1px 1px 10px #afafaf;}
.new_doc_pac{width: calc(95% + 10px);height: auto;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: right;background: rgba(255,255,255,1);border-radius: 5px;padding: 5px}
/*contents_father*/
.contents_father{width: 72%;min-width: 630px}
/*tips*/
#tips_box{width: auto;height: auto;position: fixed;top:62px;left: 0;border-bottom-right-radius: 5px;border-top-right-radius: 5px;z-index: 3}
.tips{width:calc(var(--words_number) * 16px  +  var(--en_words_number) * 9px);height: 32px;background: rgba(255,255,255,0.9);float: none;border-top-right-radius: 5px;border-bottom-right-radius: 5px;padding: 0 16px 0 8px;font-size: 16px;line-height: 32px;box-shadow: 2px 2px 10px rgba(35, 35, 35, 0.32);text-shadow:2px 2px 10px rgba(75, 75, 75, 0.29);margin: 10px 0}