style.css 4.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .he {display:none;}
  2. .inspect {margin-top:50px;}
  3. /*标题*/
  4. .inspect-title {font-size:1.125rem;margin:20px 4% 10px;
  5. background: linear-gradient(to right, #4287fd, #79b1fe);
  6. -webkit-background-clip: text;
  7. color: transparent;
  8. /*font-weight:600;*/
  9. }
  10. .inspect-list {margin:0 4% 50px;}
  11. .inspect-list ul li {display:inline-block;width:47%;vertical-align:top;background:#fff;box-shadow:0px 0px 8px 2px #d2d2d2;margin:18px 15px 0 0;}
  12. .inspect-list ul li:nth-child(2n) {margin-right:0;float:right;}
  13. .inspect-list ul li .list-img {position:relative;}
  14. .inspect-list ul li .list-img span {position:absolute;text-align:center;height:25px;width:25px;display:inline-block;top:-7px;left:-19px;}
  15. .inspect-list ul li .list-img span:before {content:"";display:inline-block;border-right:25px solid transparent;border-left:25px solid transparent;border-bottom:25px solid red;position:absolute;top:0;left:0;z-index:5;
  16. transform:rotate(-45deg);
  17. -ms-transform:rotate(-45deg); /* IE 9 */
  18. -moz-transform:rotate(-45deg); /* Firefox */
  19. -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
  20. -o-transform:rotate(-45deg); /* Opera */
  21. }
  22. .inspect-list ul li .list-img span i {position:absolute;z-index:10;color:#fff;width:25px;text-align:center;font-size:0.625rem;top:7px;}
  23. .inspect-list ul li .list-img > img {display:inline-block;width:100%;height:84px;}
  24. .inspect-list ul li .list-font {padding: 0 8px 10px;}
  25. .inspect-list ul li .list-font p:nth-child(1) {font-size:0.875rem;color:#333;margin:10px 0 10px;width:93%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
  26. .inspect-list ul li .list-font p:nth-child(2) {font-size:0.6255rem;color:#999;}
  27. .wmore {margin-top:25px;}
  28. .wmore a {display:block;height:45px;background:#DAE8F5;line-height:45px;border-radius:30px;text-align:center;color:#313B48;font-size:0.875rem;}
  29. .wmore a:after {content:"";display:inline-block;width:13px;height:7px;background:url(../image/arrows.png) no-repeat center/16px 12px;margin-left:10px;}
  30. /*报名窗口*/
  31. .wsign {margin:0 4%;border:1px solid #D1DEF3;border-radius:5px;background:url(../image/icon_03.png) no-repeat center bottom/102% 45px;}
  32. .wsign-title {text-align:center;font-size:1.25rem;margin:25px 0;font-weight:600;
  33. background: linear-gradient(to right, #4287fd, #79b1fe);
  34. -webkit-background-clip: text;
  35. color: transparent;
  36. }
  37. .wsign .insi {margin:0 6.6%;}
  38. .wsign .insi input {border:none;color:#313B48;font-size:0.9375rem;display:block;width:100%;padding:10px 0 10px 10px;border-bottom:1px solid #D1DEF3;}
  39. .wsign .insi input[name="mobile"] {margin:10px 0 30px 0;}
  40. .wsign .insi .insi-btn {color:#fff;border-radius:30px;box-shadow:0px 0px 9px 1px #4289ff;margin-bottom:25px;border:none;
  41. background:#FE5904;
  42. background: -webkit-linear-gradient(right, #4287FD , #79B1FE); /* Safari 5.1 - 6.0 */
  43. background: -o-linear-gradient(right, #4287FD, #79B1FE); /* Opera 11.1 - 12.0 */
  44. background: -moz-linear-gradient(right, #4287FD , #79B1FE); /* Firefox 3.6 - 15 */
  45. background: linear-gradient(to right, #4287FD ,#79B1FE); /* 标准的语法 */
  46. }
  47. /*咨询热线*/
  48. .hotline {margin:60px 4% 50px;background:#fff;border-radius:5px;box-shadow:0px 0px 15px 1px #fac5b1;padding-bottom:15px}
  49. .hotline .hotline-title {text-align:center;font-size:1.25rem;color:#E17752;padding:23px 0 20px;font-weight:600;}
  50. .hotline-list ul li {margin:15px 0;}
  51. .hotline-list {margin:0 2.89%;padding:15px 10px;border:1px solid #CF7E60;border-radius:5px;}
  52. .hotline-img {display:inline-block;vertical-align:middle;height:44px;width:44px;border-radius:50%;box-shadow:0px 0px 10px 1px #d1afa2;border:3px solid #fff;margin-right:8px;}
  53. .hotline-tel {display:inline-block;vertical-align:middle;}
  54. .hotline-tel p:nth-child(1) {font-size:1rem;color:#313B48;}
  55. .hotline-tel p:nth-child(2) {font-size:0.6rem;color:#313B48;margin-top:3px;}
  56. .hotline-list ul li a {display:inline-block;background:#FFA54B;color:#fff;text-align:center;padding:3px 8px;font-size:0.75rem;border-radius:15px;float:right;margin-top:5px;}
  57. /*返顶*/
  58. .returnt {text-align:center;margin-bottom:50px;}
  59. .returnt a {display:inline-block;width:125px;}
  60. .returnt a img {display:inline-block;width:100%;}
  61. /*暂无数据*/
  62. .inspect-list ul li.hdi {display:block;color:#313B48;font-size:0.9rem;width:100%;text-align:center;padding:8px 0;}
  63. @media (max-width: 320px){
  64. .hotline-tel {width:120px;}
  65. }