.error .clip:nth-of-type(2) .shadow { width: 150px; } .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow { width: 150px; } .error .digit { width: 150px; height: 150px; line-height: 150px; font-size: 120px; font-weight: bold; } .error h2 { font-size: 32px; } .error .msg { top: -190px; left: 30%; width: 80px; height: 80px; line-height: 80px; font-size: 32px; } .error span.triangle { top: 70%; right: 0%; border-left: 20px solid #535353; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .error .container-error-404 { margin-top: 10%; position: relative; height: 250px; padding-top: 40px; } .error .container-error-404 .clip { display: inline-block; } .error .clip .shadow { overflow: hidden; } .error .clip:nth-of-type(2) .shadow { overflow: hidden; position: relative; } .error .clip:nth-of-type(3) .shadow:after, .error .clip:nth-of-type(1) .shadow:after { content: ""; position: absolute; right: -8px; bottom: 0px; z-index: 9999; height: 100%; width: 10px; border-radius: 50%; } .error .clip:nth-of-type(3) .shadow:after { left: -8px; } .error .digit { position: relative; top: 8%; color: white; background: #07B3F9; border-radius: 50%; display: inline-block; } .error h2 { font-size: 24px; color: #A2A2A2; font-weight: bold; padding-bottom: 20px; } .error h5 { font-size: 16px; max-width: 460px; ; color: #000; margin: 0 auto; line-height: 200%; margin-bottom: 20px; } .error .tohome { font-size: 16px; color: #07B3F9; } .error .msg { position: relative; z-index: 9999; display: block; background: #535353; color: #A2A2A2; border-radius: 50%; font-style: italic; } .error .triangle { position: absolute; z-index: 999; transform: rotate(45deg); content: ""; width: 0; height: 0; } @media(max-width: 767px) { .error .clip .shadow { height: 100px; } .error .clip:nth-of-type(2) .shadow { width: 80px; } .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow { width: 100px; } .error .digit { width: 80px; height: 80px; line-height: 80px; font-size: 52px; } .error h2 { font-size: 18px; } .error .msg { top: -110px; left: 15%; width: 40px; height: 40px; line-height: 40px; font-size: 18px; } .error span.triangle { top: 70%; right: -3%; border-left: 10px solid #535353; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .error .container-error-404 { height: 150px; } }


  • 列表
  • 宝宝出生7天时总是在哭。我担心我的医生不会受伤,我母亲会打开蟑螂。
  • 采儿真怀了? 陈小春改口不想生女: 宁愿多个儿子
  • 三菱很着火!新车亮相(与奥迪Q7相当的霸气)(仅120,000)!
  • 经营者告诉福音!操作和维护工具新选择MicroPC:功能强大且轻巧的产品!
  • 波音737 MAX事故源头早有前车之鉴,中国歼10战机曾完美解决
  • 高永静透露了帮助这个目标的秘诀。
  • 着眼全局定位“成长坐标”
  • 鸦片闻起来很好而且很难看。为什么清朝人民因为这种方法而吸烟?
  • 猴子把小狗当孩子,树上树下到处乱窜,网友:求狗子心理阴影!
  • 通往大都市区的“候鸟”包括多达45,000个广佛在线热点标志。
  • 4
    0
    4

    很抱歉,你访问的页面找不到了

    可能原因:网址有错误 > 请检查地址是否完整或存在多余字符;网址已失效 > 可能页面已删除

    返回首页

    网站地图