.header { width: 100%; position: fixed; left: 0; top: 0; height: 56px; background: #fff; z-index: 9999; box-shadow: 0 2px 10px rgba(0,0,0,.05); } .top_logo { padding-top: 12px; } .top_logo img{ width: 60px; height: 30px; } .top{ width: 1440px; margin: 0 auto; } .top_mid { margin-left: 204px; } .top_mid ul li { line-height: 56px; height: 56px; padding: 0 20px; } .top_mid ul li a { font-size: 17px; color: #333; } .top_mid ul li input[type="text"] { width: 160px; height: 36px; border: none; padding: 8px 36px 8px 16px; box-sizing: border-box; border-radius: 18px; background: #f2f2f2 url("../img/search.png"); background-repeat: no-repeat; background-size: 21px 21px; background-position: 124px center; } .top_right ul li:first-child img{ padding-top: 17px; width: 24px; height: 24px; margin-right: 12px; } .top_right ul li:nth-child(2) img{ padding-top: 18px; width: 56px; height: 24px; margin-right: 10px; } .top_right ul li:nth-child(3) a{ padding: 0 16px; color: #969696; } .top_right ul li:nth-child(4) a{ width: 82px; height: 40px; border-radius: 50px; background-color: #fff; font-size: 16px; color: #ec7259; margin-right: 8px; border: 1px solid #ec7259; text-align: center; line-height: 40px; display: block; box-sizing: border-box; margin-top: 7px; } .top_right ul li:nth-child(5) img { width: 16px; height: 16px; vertical-align: middle; } .top_right ul li:nth-child(5) a{ width: 108px; height: 40px; border-radius: 50px; background-color: #ec7259; font-size: 16px; color: #fff; margin-right: 8px; text-align: center; line-height: 40px; display: block; margin-top: 7px; } .top_right ul li { height: 56px; line-height: 56px; } .top_right ul li, .top_mid ul li { float: left; } .content{ width: 1032px; height: 915px; margin: 0 244px; padding: 10px 16px 0; margin: 0 auto; background:#fff; margin-top: 65px; } .content_left{ width: 730px; height: 9384px; background: #fff; } .content_left img{ margin-left: 15px; } .content_left h1{ margin-top: 20px; margin-left: 15px; margin-bottom: 10px; } .content_right{ background: #fff; } .content_right{ justify-content: start; background: #fff; } .refly_1{ margin-top: 16px; margin-left: 14px; } .refly_2{ margin-top: 16px; margin-left: 14px; } .read_title{ margin-top: 50px; display: flex; margin-bottom: 8px; } .read_content ul li p{ margin-left: 14px; font-size: 12px; color: #969696; margin-bottom: 6px; } .read_content ul li a{ margin-left: 14px; } .M_a1{ display: flex; align-items: center; } .M span{ margin-right: -6px; } .M_a1 p:last-child{ width: 44px; height: 23px; border-radius: 50px; background-color: #fff; font-size: 12px; color: #ec7259; margin-right: 8px; border: 1px solid #ec7259; text-align: center; line-height: 23px; display: block; box-sizing: border-box; } .M_a1 img:nth-child(2){ margin-left: 5px; } .M_a1 img{ width: 16px; height: 16px; margin-top: 5px; margin-left: 5px; } .M_a1 p{ margin-left: 5px; } .M_a1 p a{ color: #000; } .M_a2 span{ font-size: 10px; align-items: center; margin-right: 10px; } .M_a2{ width: 314px; height: 18px; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; justify-content: start; } .M_a2 img{ width: 11px; height: 11px; margin-right: 5px; } .article p{ font-size: 16px; margin-top: 19px; } .article h4{ font-size: 20px; margin-bottom: 16px; margin-top: 20px; } .M img{ width: 48px; height: 48px; } .M img:nth-child(4) { width: 44PX; height: 23PX; margin-left: 5px; } .refly{ width: 228px; height: 85px; } .M{ width: 265px; height: 48px; display: flex; justify-content: start; } .M_a{ width: 207px; height: px; } .M_a1{ display: flex; align-items: center; } .M span{ margin-right: -6px; } .M_a1 p:last-child{ width: 44px; height: 23px; border-radius: 50px; background-color: #fff; font-size: 12px; color: #ec7259; margin-right: 8px; border: 1px solid #ec7259; text-align: center; line-height: 23px; display: block; box-sizing: border-box; } .M_a1 img:nth-child(2){ margin-left: 5px; } .M_a1 img{ width: 16px; height: 16px; margin-top: 5px; margin-left: 5px; } .M_a1 p{ margin-left: 5px; } .M_a1 p a{ color: #000; } .M_a2 span{ font-size: 10px; align-items: center; margin-right: 10px; } .M_a2{ width: 314px; height: 18px; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; justify-content: start; } .M_a2 img{ width: 11px; height: 11px; margin-right: 5px; } .content_right{ width: 260px; height: 621px; background: #fff; } .content_right img{ margin-left: 15px; } .M_a3{ margin-left: 5px; font-size: 15px; } .M_a1 img{ margin-left: 5px; } .read_content ul li a { color: inherit; font-size: 14px; margin-bottom: 4px; display: block; } .buttom{ width: 100%; position: fixed; left: 0; top: 0; height: 56px; background: #fff; } .footer{ width: 100%; height: 56px; position: fixed; bottom: 0px; left: 0px; background-color: #fff; } .footer_center{ width: 1032px; height: 56px; box-sizing: border-box; padding: 10px 16px; margin: 0 auto; } .footer_center ul li{ float: left; } .footer_center ul li a{ font-size: 14px; color: #969696; line-height: 40px; } .footer_center ul li input{ width: 400px; height: 36px; border: none; padding: 8px 36px 8px 16px; box-sizing: border-box; border-radius: 18px; background: #f2f2f2; margin-right: 16px; } .footer_center ul li:nth-child(2) img{ width: 26px; height: 20px; padding-top: 10px; } .footer_center ul li:nth-child(4) img{ width: 24px; height: 24px; padding-top: 6px; } .footer_center ul li:nth-child(2){ margin-right: 10px; } .footer_center ul li:nth-child(3){ margin-right: 22px; } .footer_center ul li:nth-child(4){ margin-right: 10px; } .footer_center ul li:nth-child(5){ margin-right: 24px; } .dianzan{ width: 60px; height: 200px; position: fixed; top: 212px; left: 198px; } .zan img{ width: 50px; height: 50px; margin-left: -20px; margin-top: 40px; } .zan p a{ margin-left: -15px; font-size: 14px; text-align: center; color: #969696; }