main-oumulong.css 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,dl,dt,dd,dt+dd{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;word-wrap:break-word;}
  2. body{background-color:#fff;}
  3. a{text-decoration:none;color:#666;}
  4. a:focus,a:hover{color:inherit}
  5. img{display:block;}
  6. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa;}
  7. img{width:100%;display:block;}
  8. .bg_blue{background-color:#298dfe}
  9. .as_page{padding:30px 15px 0;padding-bottom:100px;}
  10. input{-webkit-appearance:none;outline:none;font-size:inherit;border:0;}
  11. .chose_box label{display:block;margin-top:20px;position:relative;}
  12. .chose_box label span{display:block;font-size:15px;background:#f0f0f0;color:#333;padding:15px 20px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;text-align:center;}
  13. .chose_box label input{position:absolute;top:0;left:0;opacity:0;}
  14. .chose_box label .checked{background:#298dfe;color:#fff}
  15. .f12{font-size:12px;}
  16. .f13{font-size:13px;}
  17. .f14{font-size:14px;}
  18. .f15{font-size:15px;}
  19. .f16{font-size:16px;}
  20. .f18{font-size:18px;}
  21. .f19{font-size:19px;}
  22. .f20{font-size:20px;}
  23. .f21{font-size:21px;}
  24. .f22{font-size:22px;}
  25. .txt-center{text-align:center;}
  26. .clear{clear:both;overflow:hidden}
  27. .txt-gray{color:#333}
  28. .flex{display:-webkit-flex;display:flex}
  29. .flex1{-webkit-flex:1;flex:1;}
  30. .tit{padding-top:30px;padding-bottom:5px;}
  31. .sub_tit{font-size:10px;color:#fff;background-color:#298dfe;padding:0 10px;-webkit-border-radius:30px;border-radius:30px;}
  32. .last_step,.next_step{font-size:16px;padding:4px 16px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden;border:1px solid #298dfe;background:#298dfe;color:#fff}
  33. .no_step{border-color:#ccc;color:#999;background:#fff}
  34. .flex_spaceb{-webkit-justify-content:space-between;justify-content:space-between;background-color:#fff;margin-top:20px;position:fixed;left:0;right:0;bottom:0;padding:20px 20px 30px;}
  35. .index_tit{background:#298dfe;color:#fff;font-size:22px;text-align:center;line-height:60px;padding-top:10px;position:relative;z-index:9;}
  36. .box_shadow{-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-border-radius:10px;border-radius:10px;}
  37. .lb_index .flex1{max-width:33.33%;min-width:33.33%;width:33.33%;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
  38. .lb_index .flex1 .txt{font-size:14px;color:#555;font-weight:normal;line-height:30px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  39. .flex_wrap{flex-wrap:wrap;}
  40. button{border:0;background:transparent;}
  41. .lb_index{padding:10px 7px;}
  42. .main_tit{padding:18px 18px 0;}
  43. .flex_align{-webkit-align-items:center;align-items:center;}
  44. .flex_center{-webkit-justify-content:center;justify-content:center;}
  45. .flex_between{-webkit-justify-content:space-between;justify-content:space-between;}
  46. .main_tit h2{font-size:18px;color:#333;float:left;line-height:24px}
  47. .main_tit a{float:right;border:1px solid #ccc;color:#999;-webkit-border-radius:30px;border-radius:30px;display:block;line-height:22px;padding:0 8px;font-size:12px;}
  48. .news .flex .img,.news .flex img{width:60px;height:60px}
  49. .news .flex{border-bottom:1px solid #eee;padding-bottom:10px;padding-top:10px;}
  50. .news h3{font-size:16px;color:#333;line-height:1.2;height:2.4em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  51. .news .txt{margin-left:10px;}
  52. .news .txt span{color:#999;font-size:12px;}
  53. .main_con{padding-left:18px;padding-right:18px}
  54. .main_con_index{margin-left:15px;margin-right:15px}
  55. .my_edit label span{display:block;color:#333;line-height:3;font-size:18px;}
  56. .my_edit label{border-bottom:1px solid #eee;display:block;padding:5px 18px 15px 0;margin-left:18px;}
  57. .my_edit input{display:block;border:none;color:#666;font-size:14px;}
  58. .txt-light{color:#777}
  59. .txt-blue{color:#298dfe}
  60. .margin_t10{margin-top:10px;}
  61. .margin_t20{margin-top:20px;}
  62. .btn_main{background:#eee;color:#999;display:block;width:100%;font-size:18px;padding:10px 0;-webkit-border-radius:30px;border-radius:30px;}
  63. .txt-left{text-align:left;}
  64. .txt-right{text-align:right;}
  65. .agree_box{position:relative;}
  66. .check{-webkit-border-radius:50%;border-radius:50%;width:20px;height:20px;border:1px solid #999;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:5px;}
  67. .check::before{content:'';color:#999;position:absolute;margin-left:4px;margin-top:4px;width:8px;height:5px;border-bottom:solid 1px currentColor;border-left:solid 1px currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
  68. .check.active{background:#298dfe;border-color:#298dfe}
  69. .check.active::before{color:#fff}
  70. .login_box .line{border-bottom:1px solid #eee;padding:18px 0 8px;}
  71. .login_box .sm{padding-right:10px;margin-right:10px;position:relative;}
  72. .login_box .sm::before{content:'';position:absolute;top:50%;right:0;width:1px;background:#eee;height:14px;margin-top:-7px;}
  73. .login_box span,.login_box input{padding-top:10px;padding-bottom:10px;}
  74. .no_lists{background-color:#ccc;height:4px;margin:0 3px;}
  75. .progress{width:60%;margin:0 auto;padding-top:15px;}
  76. .progress .active{background-color:#298dfe}
  77. .mt-line{margin-top:15px;}
  78. .swiper-slide>.flex,.swiper-slide-list{padding:10px 7px 28px;position:relative;}
  79. .swiper-slide .img,.swiper-slide-list .img{padding:0 5px;min-width:33.33%;max-width:33.33%;-webkit-box-sizing:border-box;box-sizing:border-box;}
  80. .swiper-slide .img img,.swiper-slide-list .img img{width:100%}
  81. .swiper-slide .tit_banner,.swiper-slide-list .tit_banner{width:5em;text-align:justify;text-align-last:justify;}
  82. .swiper-slide .con,.swiper-slide-list .con{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  83. .swiper-slide .txt,.swiper-slide-list .txt{min-width:0;margin-left:5px;}
  84. .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px!important;}
  85. .main_con_index:last-child{margin-bottom:15px;}
  86. .swiper-slide-list{padding-bottom:10px;}
  87. .swiper-slide .txt .hover,.swiper-slide-list .txt .hover{position:absolute;bottom:30px;right:10px;background-color:#298dfe;color:#fff;display:block;line-height:24px;padding:0 10px;-webkit-border-radius:30px;border-radius:30px;}
  88. .swiper-slide-list .txt .hover{bottom:10px;}
  89. .serarh_box .flex1{text-align:center;padding:20px 0 5px;}
  90. .weui-picker__indicator:after,.weui-picker__indicator:before{display:none;}
  91. .triangle2{display:inline-block;position:relative;top:5px;}
  92. .triangle2 .content{width:0px;height:4px;border:4px solid;border-color:#aaa transparent transparent transparent;}
  93. .serarh_box .s_tit{display:inline-block;}
  94. .weui-btn_primary{background-color:#298dfe;}
  95. .main_but,.sub_but{display:block;text-align:center;padding:12px;-webkit-border-radius:4px;border-radius:4px;}
  96. .main_but{background-color:#298dfe;color:#fff;border:1px solid #298dfe;}
  97. .sub_but{color:#333;border:1px solid #ccc;color:#666;}
  98. .h1{font-size:30px;font-weight:bold;color:#298dfe;padding:20px 0;position:relative;}
  99. .h1::after{content:'';position:absolute;width:2.5em;height:3px;background-color:#298dfe;left:0;bottom:0;}
  100. .info_box .txt_con{padding:40px 0 50px;line-height:2;}
  101. .info_box .img{width:20%;margin-top:50px}
  102. .swiper-pagination1{text-align:center;margin-top:-20px;z-index:9999;position:relative;}
  103. .reault_box{border:1px solid #eee;padding:30px 20px;margin-top:30px;}
  104. .txt-light-y{color:#ff9800}
  105. .f24{font-size:24px}
  106. .sub_info{line-height:30px}
  107. .flex_column{-webkit-flex-direction:column;flex-direction:column}
  108. .main_but_mini{font-size:14px;padding:5px 0;}
  109. .page_top_blue .top{height:104px;position:relative;z-index:999;}
  110. .page_top_blue::before{content:'';display:block;width:200%;height:400px;background:#298dfe;-webkit-border-radius:100%;position:absolute;top:-290px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
  111. .tpic .img{width:56px;margin-right:12px;}
  112. .tpic .txt{color:#fff;font-size:14px;}
  113. .tpic{margin:15px;}
  114. .lb_index .flex1:nth-of-type(n+4){display:none}
  115. .lb_index .flex1 img,.swiper-slide-list .img img{height:75px}
  116. .lb_index .flex1 .img{-webkit-border-radius:4px;border-radius:4px;overflow:hidden;}
  117. .bot_column .h{height:60px}
  118. .bot_nav{position:fixed;left:0;right:0;bottom:0;background-color:#fff;border:1px solid #eee;padding:4px 0 1px;}
  119. .bot_nav .img{margin:0 auto;width:20px;margin-bottom:3px}
  120. .bot_nav .active .f12{color:#298dfe}
  121. .bot-btn{height: 46px;background:#298dfe;color:#fff;line-height: 46px;text-align: center;position: fixed;bottom:0;left:0;right:0;}
  122. .showable-btn{border: 1px solid #298dfe;
  123. color: #298dfe;
  124. -webkit-border-radius: 30px;
  125. border-radius: 30px;
  126. display: inline-block;
  127. line-height: 22px;
  128. padding: 0 8px;
  129. font-size: 12px;margin:20px auto;}