/*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; } img{ } /*关于头顶导航的设置*/ 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: 1200px; 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; } /*第二部分以下*/ .part2{ margin-top: 29px; height: 448px; background-color: #eae7e8; } .part2_content{ padding-top: 39px; padding-left: 46px; position: relative; } .part2_content img{ float: left; } .part2_content_right{ /*float: left;*/ display: inline-block; background-color: #ffffff; padding: 75px 58px 88px 82px; box-shadow:0px 9px 20px #333333; } .part2_content_right_title{ font-size: 55px; color: #000000; font-weight: bold; margin-bottom: 62px; } .part2_content_right_content{ width: 588px; font-size: 20px; color: #000000; } .part2_content_video{ position: absolute; width: 372px; height: 240px; top:386px; left: 166px; } .part3{ text-align: center; padding-top: 265px; } .part3_title{ font-size: 45px; color: #000000; font-weight: bold; margin-bottom: 118px; } .part3 li{ display: inline-block; color: #000000; width: 377px; float: left; } .part3_content_title{ font-size: 25px; margin-bottom: 35px; } .part3_content{ font-size: 19px; } .part3 ul li+li{ margin-left: 34px; } .part3 ul{ margin-bottom: 85px; } .part3_bottom{ width: 246px; margin:0 auto; height: 70px; line-height: 70px; background-color: #2b2b2b; color: #fbfbfb; font-size: 25px; margin-bottom: 45px; } .part3_bottom_icon{ float: right; margin-right: 14px; font-size: 30px; font-weight: bold; } .part4{ background-color: #dad8d9; } .part4_icon{ position: absolute; left: 40px; bottom: 170px; width: 90px; height: 36px; background-color: #e8024d; line-height: 36px; text-align: center; font-size: 20px; color: #dad2d5; } .part5{ background-color: #6f6d6d; } .footer{ position: relative; background-image: url('../img/footer_banner.png'); width: 100%; height: 800px; } .footer_content{ width: 586px; margin: 0 auto; padding-top: 227px; } .footer_left{ display: inline-block; width: 70px; font-size: 19px; color: #000000; } .footer_center{ display: inline-block; font-size: 113px; color: #b9b8b8; margin: 0 60px; } .footer_right{ display: inline-block; width: 70px; font-size: 19px; color: #000000; } .bottom_small { text-align: center; background-color: #535353; height: 38px; line-height: 38px; color: #b9b8b8; font-size: 15px; } .part3_content_drink{ height: 600px; display: inline-block; margin-right: 60px; } .part3_content_drink img{ width: 280px; height: 400px; } .cartButton input{ width: 86px; height: 26px; border: 1px solid #707070; opacity: 1; border-radius: 60px; color: #000000; font-size: 16px; }