body{ background: #f9f9f9; } .header{ background: #fff; width: 100%; height: 56px; position: fixed; top: 0px; left: 0px; z-index: 999999; box-shadow: 0 2px 10px rgba(0, 0,0, .05); } .center{ width: 1440px; margin: 0 auto; } .center_logo { padding-top: 12px; } .center_logo img { width: 60px; height: 30px; } .center_zuo{ margin-left: 204px; } .center_zuo ul li{ height: 56px; line-height: 56px; padding: 0 20px; float: left; } .center_zuo ul li a{ font-size: 17px; color: #333; } .center_zuo ul li input{ width: 160px; height: 36px; border: none; padding: 8px 36px 8px 16px; box-sizing: border-box; border-radius: 18px; background: #f2f2f2 url("../img/sosuo.png"); background-repeat: no-repeat; background-size: 21px 21px; background-position: 124px center; } .center_you ul li{ float: left; height: 56px; line-height: 56px; } .center_you ul li:nth-child(1) img{ padding-top: 18px; width: 29px; height: 19px; margin-right: 12px; } .center_you ul li:nth-child(2) img{ padding-top: 18px; width: 55px; height: 21px; margin-right: 38px; } .center_you ul li:nth-child(3) a{ padding: 0 16px; color: #969696; } .center_you ul li:nth-child(4) a{ width: 82px; height: 40px; border-radius: 50px; background-color: #fff; border: 1px solid #ec7259; font-size: 16px; color: #ec7259; margin-right: 8px; text-align: center; line-height: 40px; display: block; box-sizing: border-box; margin-top: 7px; } .center_you ul li:nth-child(5) img{ width: 16px; height: 16px; vertical-align: middle; } .center_you 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; } .clear{ clear: both; } .content{ width: 1000px; margin: 0 auto; margin-top: 66px; } .content_left{ width: 730px; box-sizing: border-box; background-color: #ffffff; padding: 24px; display: inline-block; float: left; } .content_left h1{ margin-bottom: 15px; display: block; } .jieshao{ margin-bottom: 32px; height: 48px; } .jieshao_touxiang{ width: 46px; height: 46px; float: left; } .jieshao_touxiang img{ width: 46px; height: 46px; border-radius: 46px; } .jieshao_xiangqing{ height: 47.2px; margin-left: 8px; float: left; } .jieshao_xiangqing_guanzhu{ height: 22.8px; margin-right: 6px; } .jieshao_xiangqing_guanzhu ul li{ float: left; } .jieshao_xiangqing_guanzhu ul li:nth-child(1){ font-size: 16px; font-weight: 500px; margin-right: 8px; } .jieshao_xiangqing_guanzhu ul li:nth-child(1) a{ color: inherit; } .jieshao_xiangqing_guanzhu ul li:nth-child(2){ margin-right: 8px; } .jieshao_xiangqing_guanzhu ul li:nth-child(2) img{ width: 16px; height: 16px; padding-top: 3px; } .jieshao_xiangqing_guanzhu ul li:nth-child(3) { width: 44px; height: 22.8px; border-radius: 14px; background-color: #fff; border: 1px solid #ec7259; font-size: 15px; color: #ec7259; margin-right: 8px; text-align: center; line-height: 22.8px; display: block; box-sizing: border-box; } .jieshao_xiangqing_guanzhu ul li:nth-child(3) a{ color: #ec7259; } .jieshao_xiangqing_yuedu{ height: 19px; float: left; } .jieshao_xiangqing_yuedu ul li { float: left; } .jieshao_xiangqing_yuedu ul li:nth-child(1){ margin-right: 6px; } .jieshao_xiangqing_yuedu ul li:nth-child(1) img{ width: 13px; height: 13px; } .jieshao_xiangqing_yuedu ul li:nth-child(2){ font-size: 13px; color: #ec7259; line-height: 19px; margin-right: 8px; } .jieshao_xiangqing_yuedu ul li:nth-child(3){ font-size: 13px; line-height: 19px; margin-right: 8px; color: #969696; } .jieshao_xiangqing_yuedu ul li:nth-child(4){ font-size: 13px; line-height: 19px; margin-right: 8px; color: #969696; } .jieshao_xiangqing_yuedu ul li:nth-child(5){ font-size: 13px; line-height: 19px; margin-right: 8px; color: #969696; } .content_left p{ margin-bottom: 20px; } .content_left h4{ height: 36px; margin-bottom: 16px; } .centent_right{ width: 260px; margin-left: 10px; float: left; position: fixed; top: 66px; right: 260px; } .centent_right_top{ width: 270px; height: 220px; padding: 16px; margin-bottom: 10px; background-color: #ffffff; box-sizing: border-box; } .centent_right_top .jieshao_xiangqing{ margin-left: 0px; } .centent_right_top .jieshao_xiangqing_guanzhu ul li:nth-child(1) a{ font-size: 14px; } .centent_right_top .jieshao_xiangqing_guanzhu ul li:nth-child(1){ margin-right: 2px; } .centent_right_top .jieshao_xiangqing_guanzhu ul li:nth-child(3){ width: 48px; height: 21.8px; border-radius: 14px; background-color: #fff; border: 1px solid #ec7259; font-size: 15px; color: #ec7259; margin-right: 0px; text-align: center; line-height: 22.8px; display: block; box-sizing: border-box; } .centent_right_top .jieshao_xiangqing_yuedu ul li:nth-child(1) { font-size: 12px; color: #969696; margin-top: 2px; } .dp{ width: 228px; height: 1px; margin: 16px 0; background-color: #eee; } .centent_right_top .jieshao{ margin-bottom: 0px; } .liebiao ul li{ margin-bottom: 16px; } .liebiao ul>li>a:nth-child(1){ color: inherit; font-size: 14px; margin-bottom: 4px; display: block; } .liebiao ul>li>a:nth-child(2) { color: #969696; font-size: 12px; } .lb1{ margin-top: 16px; } .centent_right_dow{ width: 270px; padding: 16px; margin-top: 10px; background-color: #ffffff; box-sizing: border-box; } .centent_right_dow h3{ font-size: 16px; font-weight: 500; border-left: 4px solid #ec7259; padding-left: 12px; margin-bottom: 16px; } .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{ width: 50px; height: 50px; border-radius: 25px; background: #ffffff; } .zan img{ width: 30px; height: 30px; padding-left: 10px; padding-top: 9px; } .zan p{ margin-left: 8px; margin-top: 10px; } .zan>p>a{ color: #969696; font-size: 14px; } .shang{ margin-top: 50px; }