ai.css 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. body {height:calc(100vh - 19px);}
  2. .fl {float:left;}
  3. .fr {float:right;}
  4. .ai_container {background-image:url("../../images/online2021/bg_list.jpg");width:1920px;height:100%;position: relative;}
  5. .ai_header {width:100%;}
  6. .ai_header img {width:100%;display:block;}
  7. .ai_title {text-align: center;position: relative;top: -265px;color: #FFFAD6;font-size: 39px;}
  8. .ai_countdown {width:80px;height:80px;line-height:80px;position:absolute;top:50px;;right:60px;;color:#A41A16;background:#FCF4B5;text-align: center;border-radius: 50%;font-size: 40px;border: 1px solid #A41A16;font-weight: bold;}
  9. .ai_content {width:1800px;position:relative;top:-220px;}
  10. .ai_content .ai_content_box {display:flex;flex-wrap: wrap;justify-content:space-between;}
  11. .ai_content .content_item {width:871px;height:378px;background:url('../../images/online2021/ai_bg_content.png') 100% 100%;}
  12. .ai_content .item_title {font-size:20px;color:black;text-align: center;padding-top: 38px;}
  13. .ai_content .item_left {width: 420px;box-sizing: border-box;padding: 12px 20px 0 50px;color: white;font-size: 20px;}
  14. .ai_content .item_left .left_title {width: 100%;height: 40px;line-height: 40px;}
  15. .ai_content .item_left .left_content {width: 100%;height: 38px;line-height: 38px;}
  16. .ai_content .item_right {width:435px;padding: 12px 20px 0 0;box-sizing:border-box;}
  17. .ai_content .item_right .tags{width: 100%;height: 40px;line-height: 40px;text-align:center;}
  18. .ai_content .item_right .tags .tag {border:1px solid #FFE784;border-radius:5px;background:#E50C10;padding:0 10px;color:#FFE784;font-size:16px;margin:0 10px;}
  19. .ai_content .item_right .qrcode_box {width:375px;height:133px;margin-top:4px;box-sizing:border-box;margin-left:26px;display: flex;align-items: center;}
  20. .ai_content .item_right .qrcode_box .qrcode {width:110px;height:110px;margin-left:25px;}
  21. .ai_content .item_right .qrcode_box p {width:210px;margin-left:20px;color:#333;font-size:25px;line-height:40px;}
  22. .ai_content .item_right .qrcode_box .qrcode img{width:110px;height:110px;}
  23. .ai_content .item_right .phone {margin-top:10px;display:flex;align-items:center;margin-left:10px;}
  24. .ai_content .item_right .address {margin-top:20px;display:flex;align-items:center;margin-left:10px;}
  25. .page {text-align: center;position: relative;top: -220px;font-size: 24px;}
  26. .ai_footer {position:fixed;bottom:0;left:0;width:100%;height:127px;background:#9D0102;z-index:10;}
  27. .ai_footer .content_left {width:600px;height:127px;background-image:url("../../images/online2021/bg_ai_footer_left.png");background-repeat:no-repeat;box-sizing: border-box;padding: 13px 0;padding-left: 80px;}
  28. .ai_footer .content_right {box-sizing:border-box;padding:13px 0;width:950px;height:127px;background-image:url("../../images/online2021/bg_ai_footer_right.png");background-repeat:no-repeat;background-position:right bottom;padding-left: 50px;}
  29. .ai_footer .content_box p {height:33px;line-height:33px;color:white;font-size: 20px;}
  30. .ai_footer .jucai_left {height:127px;}
  31. .ai_footer .jucai_left img{ width:101px;height:101px;}
  32. .ai_footer .jucai_right {padding-left: 30px;}
  33. .footer_left {position:fixed;bottom:0;left:0;z-index:99;width:350px;}