/*reset*/ a{ text-decoration: none; color: #fff; } a:hover,a:visited,a:link,a:active,a { text-decoration: none; } html,body,div,img,p { margin: 0; padding: 0; } button{ background-color: transparent; outline: none; border-style:none; border-bottom: 2px solid white; border-top: 0; border-left: 0; border-right: 0; padding:0; margin: 0; } form { margin: 0; } p { padding: 0; margin: 0; } ul li{ list-style: none; margin: 0; padding: 0; } /*关于头顶导航的设置*/ header{ background-color: #1d1811; color: #ffffff; height: 80px; } .header_mask{ position: absolute; /*height: 100%;*/ width: 100%; background: rgba(0,0,0,.4); } .header_container{ width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .navbar_brand{ float: left; height: 80px; padding: 31px 0 0; font-size: 48px; line-height: 20px; color: #fff !important; font-family: 'Alex Brush', cursive; } .navbar_right ul{ float: left; margin-left: 60px; } .navbar_right ul li{ display: inline-block; line-height: 40px; font-family: 'Cabin', sans-serif; font-size: 20px; margin-right: 30px; } .navbar_icon ul li{ display: inline-block; } .navbar_icon ul{ display: flex; justify-content: space-around; } a:hover{ color: #f89406; } a.active{ color: #f89406; } .main{ background: url(../img/banner.jpg) 0px 0px; background-size: contain; background-repeat: no-repeat; background-position: center; } .edit{ margin-left: 10%; margin-right: 10%; padding-top: 80px; } .edit .title img{ height: 60px; } .edit-board { width: 500px; margin: auto; padding: 20px; background: white; } .edit input[type="text"], .edit textarea{ width: 480px; margin: 10px 0; background: none; border: 1px solid #D9D9D9; color: #A3A3A3; padding: 13px 10px; font-size: 14px; outline: none; } .edit textarea{ min-height: 200px; resize: none; } .edit input[type="submit"],.edit input[type="reset"] { width: 247.5px; margin: 10px 0; padding: 13px 0; outline: none; border: none; background: #AC915A; color: #fff; font-size: 16px; cursor: pointer; transition: .5s all; } .edit input[type="submit"]:hover , .edit input[type="reset"]:hover{ background: #F8782D; } .show { margin: 50px 10%; } .message { margin: 10px 0; padding: 10px 20px; border: black solid 0.5px; border-radius: 20px; background: gainsboro; opacity: .8; transition: .5s all; } .message:hover{ opacity: 1; } .message h4 { color: darkgray; }