.innovation{ background:#00343E; border-radius: 15px; } body{ background-color: #F5F7FA;; } .innovateLoginedHeader { background-image: url('../image/footbg.png'); background-repeat: no-repeat; background-size: 100%; background-position: 30%, 60%; height: 300px; } .container-title{ font: 28px "Microsoft YaHei"; font-weight: bold; color: #FFFFFF; text-align: center; padding-top: 54px; padding-bottom: 18px; } .innovateLoginedContent { margin-top: -190px; } .content-box { width: 1280px; margin: 0 auto; margin-top: 40px; } .content-btn { display: block; width: 340px; height: 56px; background: #FFFFFF; border-radius: 6px; border: 1px solid #006CFF; box-sizing: border-box; font-size: 16px; text-align: center; line-height: 56px; margin: 50px auto 0; } .content-btn:hover{ opacity: 0.7; } .content-btn.register{ margin-top: 0; color: #006CFF; border: 1px solid #006CFF; } .content-btn.login{ color: #fff; background: #006CFF; border: 1px solid #006CFF; margin-top: 20px; } .content-box .div{ display: block; width: 100%; height: 80px; background-color: #fff; border-radius: 8px; display: flex; align-items: center; color: #303133; font-size: 18px; padding-left: 48px; margin-bottom: 20px; } /* 通知详情 */ .content-box .div a{ font-size: 18px; color: #999999; } .content-box .div .active{ color: #006CFF; } .content-box .div span{ font-size: 18px; color: #999999; margin: 0 8px; } .content-box .div2{ background-color: #fff; border-radius: 8px; padding: 48px; } .content-box .div2 .bot{ padding-bottom: 25px; font-size: 24px; color: #303133; border-bottom: 1px solid #D9D9D9; } .content-box .div2 .bot2{ padding-top: 24px; width: 1100px; line-height: 20px; } .content-box .div2 .bot2 .p1{ color: #666666; font-size: 16px; } .content-box .div2 .bot2 .con{ margin-top: 40px; } .content-box2{ padding-bottom: 60px; }