style1.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. html,body{font-size:14px;height:100%;}
  2. .hover{opacity:.8;}
  3. .flex-wrap{display:-webkit-box; display:-webkit-flex; display:flex;}
  4. .flex-con{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
  5. .flex-vertical{-webkit-box-orient:vertical;-webkit-flex-flow:column;flex-flow:column;}
  6. .border-t,.border-b{position:relative;}
  7. .border-t:before,.border-b:after{content:'';position:absolute;left:0;top:0;background:none;right:0;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:00;transform-origin:00;}
  8. .border-b:after{top:auto;bottom:0;}
  9. .sousuo{width:100%;height:100%;background-color:rgba(0,160,234,1);margin-left:-0.4rem;}
  10. .sousuo>samp{font-size:0.52rem;color:#ffffff;}
  11. .sousuo>div{height:1rem;}
  12. .sousuo>div>img{width:60%;margin-top:-0.4rem;position:relative;top:-0.18rem;}
  13. .sousuo>div>input{font-size:0.48rem;margin-top:-0.2rem;}
  14. .beijin:active{background-color: #f7f7f7;}
  15. .xiaoxi{width:94%;height:4rem;margin:0 auto;margin-bottom:0.2rem;}
  16. .xiaoxi>div:nth-child(1){float:left;width:3.5rem;height:3.5rem;;border-radius:100%;background-color:#000;margin-top:0.25rem;}
  17. .xiaoxi>div:nth-child(2){width:70%;height:3rem;margin-left:0.8rem;float:left;margin-top:0.75rem;}
  18. .xiaoxi>div:nth-child(2)>p:nth-child(1){font-size:1rem;color:rgba(51,51,51,1);}
  19. .xiaoxi>div:nth-child(2)>p:nth-child(2){font-size:0.8rem;color:rgba(153,153,153,1);}
  20. .xiaoxi>div:nth-child(3){float:right;}
  21. .xiaoxi>div:nth-child(3)>p{color:rgba(153,153,153,1);font-size:0.8rem;margin-top:0.5rem;margin-right:0.8rem;margin-bottom:0.4rem;}
  22. .xiaoxi>div:nth-child(3)>div{width:1.5rem;height:1.5rem;background-color:red;text-align:center;color:#fff;margin-left:0.5rem;border-radius:100%;}
  23. .xiaoxi>div:nth-child(3)>div>samp{float:left;margin-top:0.2rem;margin-left:0.45rem;}
  24. .denglu{width:100%;background-color:#005fa3;}
  25. .denglu>header{float:left;width:100%;background:linear-gradient(180deg,rgba(0,160,234,1),rgba(0,95,163,1));}
  26. .neirong{margin:0 auto;width:60%;margin-top:3rem;}
  27. .neirong>img{width:80%;padding-left:1rem;}
  28. .zhuchekuang{width:10rem;height:11rem;background:rgba(255,255,255,1);box-shadow:0px0.24rem0.16rem0.04remrgba(73,87,238,0.08);opacity:0.95;border-radius:0.8rem;margin:0 auto;margin-top:2rem;}
  29. .zhuchekuang1{height:18rem;margin-bottom:-1.4rem;}
  30. .zhuchekuang2{height:8rem;margin-bottom:-1.4rem;}
  31. .bkbeijing{width:10rem;height:2.4rem;background:rgba(255,255,255,1);opacity:0.14;border-radius:0.72rem;margin:0 auto;margin-top:-1.8rem;}
  32. .div_f{width:100%;margin-top:1rem;float:left;margin:0 auto;}
  33. .div_col{width:84%;height:7rem;margin:0 auto;margin-top:0.8rem;}
  34. .div_c_l{width:100%;height:2rem;border-bottom:0.02rem solid #00A0EA;margin-top:0.8rem}
  35. .div_c_l>img:nth-child(1){width:0.35rem;float:left;margin-top:0.08rem;}
  36. .div_c_l>img:nth-child(2){width:0.3rem;float:right;margin-top:1.1rem;margin-left:2rem;margin-bottom:-1rem;}
  37. .div_c_l>p{font-size:0.45rem;color:#00A0EA;margin-left:0.8rem;}
  38. .div_c_l>input{width:100%;height:1rem;margin-top:0.2rem;font-size:0.42rem;}
  39. .anniu{text-align:center;}
  40. .anniu>input{width:90%;height:1.4rem;background:rgba(0,160,234,1);border-radius:5rem;color:#fff;font-size:0.56rem;}
  41. h1{text-align:center;font-size:0.52rem;margin-top:1rem;color:#fff;margin-bottom:-1.6rem;}
  42. .biaoti{margin-left:0.1rem;color:#00A0EA;}
  43. .biaoti>img{width:35%;float:left;}
  44. .biaoti>span{float:left;margin-top:-0.28rem;margin-left:0.4rem;margin-right:0.4rem;}
  45. .jxslogo{width:100%;margin:0 auto;padding-top:1rem;}
  46. .jxslogo>img{width:45%;}
  47. .zhengjian{width:100%;margin:0 auto;}
  48. .zhengjian>img{width:40%;margin-top:0.2rem;}
  49. .zhengjian>img:nth-child(2){float:right;}
  50. .zhengjian>div:nth-child(1){width:80%;margin:0 auto;;padding-top:0.5rem;color:#00A0EA;}
  51. .zhengjian>div:nth-child(1)>span:nth-child(2){float:right;}
  52. .zhengjian>p{font-size:0.30rem;margin-left:-0.1rem;margin-top:0.4rem}
  53. .denglu>div{float:left;width:100%;background:linear-gradient(180deg,rgba(0,160,234,1),rgba(0,95,163,1));}
  54. #wrap{height:100%;}