portrait.main.css 57 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777
  1. @media screen and (max-device-width: 800px){
  2. @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
  3. .fenmian_iscroll>.container-fluid>.group_rowll>.col-md-5{
  4. margin-left: 0.1rem !important;
  5. }
  6. .group_hiddenMsg .group_row .col-md-6{
  7. padding-left: 0rem !important;
  8. }
  9. .hIscroll>.group_rowll>.col-xs-1 {
  10. margin-left: 0.15rem !important;
  11. }
  12. .group_iscroll>.iscroll_content>.group_rowll>.col-md-5{
  13. margin-left: 0.1rem !important;
  14. }
  15. .gZdangan_iscroll>.gZcontainer>.gZXXhiddenMsgBox>.gZXXhiddenMsg>.table>tbody>.info>td{
  16. padding: 0.15rem 0.05rem !important;
  17. }
  18. .title .xinZengDuanNai_btn {
  19. margin-top: -0.05rem !important;
  20. }
  21. .checkbox {
  22. height: 0.45rem !important;
  23. }
  24. .fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
  25. margin-top: -0.06rem !important;
  26. }
  27. .fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
  28. margin-top: -0.06rem !important;
  29. }
  30. .hiddenMsg>.row>.col-md-6 {
  31. padding-left: 0.32rem !important;
  32. }
  33. .hiddenMsg>.row>.col-md-3{
  34. padding-right: 0px !important;
  35. }
  36. nav .right {
  37. margin-top: 0.03rem !important;
  38. right: 0.07rem !important;
  39. }
  40. .zzz{
  41. margin-top:0.45rem;
  42. }
  43. .yellowPig{
  44. background-position: -0.56rem -2.52rem !important;
  45. }
  46. .yellowFeiPig{
  47. background-position: -2.91rem -2.55rem !important;
  48. }
  49. .bulePig{
  50. background-position: -0.56rem -4.38rem !important;
  51. }
  52. .buleFeiPig{
  53. background-position: -2.91rem -4.4rem !important;
  54. }
  55. .purplePig{
  56. background-position: -0.56rem -6.28rem !important;
  57. }
  58. .purpleFeiPig{
  59. background-position: -2.91rem -6.28rem !important;
  60. }
  61. .pinkPig{
  62. background-position: -0.56rem -8.1rem !important;
  63. }
  64. .cyanPig{
  65. background-position: -0.56rem -9.98rem !important;
  66. }
  67. .cyanFeiPig{
  68. background-position: -2.91rem -9.98rem !important;
  69. }
  70. .cyanQuanPig{
  71. background-position: -5.33rem -9.98rem !important;
  72. }
  73. .orangePuMian{
  74. background-position: -0.56rem -11.85rem !important;
  75. }
  76. .orangePig{
  77. background-position: -2.91rem -11.85rem !important;
  78. }
  79. .orangeFeiPig{
  80. background-position: -5.33rem -11.85rem !important;
  81. }
  82. .tr1_2 {
  83. width: 19rem !important;
  84. padding: 8px 0 0 4px !important;
  85. }
  86. .tr1_3{
  87. width: 18rem !important;
  88. padding: 8px 0 !important;
  89. }
  90. .tr1_4{
  91. width: 8rem;
  92. padding: 8px 0 0 4px !important;
  93. }
  94. #hiddenBoxPig {
  95. bottom: 14% !important;
  96. }
  97. .col-md-2{
  98. text-align: center;
  99. }
  100. .col-md-6{
  101. text-align: left !important;
  102. }
  103. .col-sm-6{
  104. text-align: center !important;
  105. }
  106. .tabler>tbody>tr>td{
  107. padding: 8px 8px 0 2px;
  108. font-size: 0.1rem;
  109. }
  110. }
  111. @media (device-height:640px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Galaxy S5 */
  112. .checkbox {
  113. height: 0.41rem !important;
  114. }
  115. .hiddenMsg>.row>.col-md-6 {
  116. padding-left: 0.32rem !important;
  117. }
  118. .group_hiddenMsg .group_row .col-md-6 {
  119. padding-left: 0rem !important;
  120. }
  121. .yellowPig{
  122. background-position: -0.56rem -2.48rem !important;
  123. }
  124. .yellowFeiPig{
  125. background-position: -2.91rem -2.55rem !important;
  126. }
  127. .bulePig{
  128. background-position: -0.56rem -4.28rem !important;
  129. }
  130. .buleFeiPig{
  131. background-position: -2.91rem -4.4rem !important;
  132. }
  133. .purplePig{
  134. background-position: -0.56rem -6.15rem !important;
  135. }
  136. .purpleFeiPig{
  137. background-position: -2.91rem -6.28rem !important;
  138. }
  139. .pinkPig{
  140. background-position: -0.56rem -8.05rem !important;
  141. }
  142. .cyanPig{
  143. background-position: -0.56rem -9.95rem !important;
  144. }
  145. .cyanFeiPig{
  146. background-position: -2.91rem -9.95rem !important;
  147. }
  148. .cyanQuanPig{
  149. background-position: -5.33rem -9.95rem !important;
  150. }
  151. .orangePuMian{
  152. background-position: -0.56rem -11.8rem !important;
  153. }
  154. .orangePig{
  155. background-position: -2.91rem -11.8rem !important;
  156. }
  157. .orangeFeiPig{
  158. background-position: -5.33rem -11.8rem !important;
  159. }
  160. .col-md-2{
  161. text-align: center;
  162. }
  163. .col-md-6{
  164. text-align: left !important;
  165. }
  166. .tr1_2 {
  167. width: 13rem !important;
  168. }
  169. .tr1_3 {
  170. width: 11rem !important;
  171. }
  172. .tabler>tbody>tr>td{
  173. padding: 8px 8px 0 2px;
  174. font-size: 0.24rem;
  175. }
  176. .zhuanr {
  177. margin-left: -0.6rem !important;
  178. }
  179. }
  180. @media (device-height:732px) and (-webkit-min-device-pixel-ratio:2.6){/* 兼容Nexus X5 */
  181. .title .xinZengDuanNai_btn {
  182. margin-top: -0.05rem !important;
  183. }
  184. .checkbox {
  185. height: 0.39rem !important;
  186. }
  187. .checkbox label {
  188. width: 0.35rem;
  189. height: 0.35rem;
  190. top: -1px;
  191. left: 0px;
  192. }
  193. #wrap section {
  194. bottom: 1.15rem !important;
  195. }
  196. }
  197. @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
  198. .ar_header>.btn-group>.zuo{
  199. line-height: 0.5rem !important;
  200. }
  201. .title .xinZengDuanNai_btn{
  202. line-height: 0.5rem !important;
  203. }
  204. .topBg .btn-group .fenmian_btn{
  205. line-height: 0.5rem !important;
  206. }
  207. .btn-group>.danganshuju_leftbtn{
  208. line-height: 0.5rem !important;
  209. }
  210. .checkbox {
  211. height: 0.39rem !important;
  212. }
  213. .hiddenMsg>.row>.col-md-6 {
  214. padding-left: 0.32rem !important;
  215. }
  216. .yellowPig{
  217. background-position: -0.56rem -2.52rem !important;
  218. }
  219. .yellowFeiPig{
  220. background-position: -2.91rem -2.52rem !important;
  221. }
  222. .bulePig{
  223. background-position: -0.56rem -4.34rem !important;
  224. }
  225. .buleFeiPig{
  226. background-position: -2.91rem -4.34rem !important;
  227. }
  228. .purplePig{
  229. background-position: -0.56rem -6.25rem !important;
  230. }
  231. .purpleFeiPig{
  232. background-position: -2.91rem -6.25rem !important;
  233. }
  234. .pinkPig{
  235. background-position: -0.56rem -8.05rem !important;
  236. }
  237. .cyanPig{
  238. background-position: -0.56rem -9.9rem !important;
  239. }
  240. .cyanFeiPig{
  241. background-position: -2.91rem -9.9rem !important;
  242. }
  243. .cyanQuanPig{
  244. background-position: -5.33rem -9.9rem !important;
  245. }
  246. .orangePuMian{
  247. background-position: -0.56rem -11.8rem !important;
  248. }
  249. .orangePig{
  250. background-position: -2.91rem -11.8rem !important;
  251. }
  252. .orangeFeiPig{
  253. background-position: -5.33rem -11.8rem !important;
  254. }
  255. .group_hiddenMsg .group_row .col-md-6{
  256. padding-left: 0rem !important;
  257. }
  258. .zzz{
  259. margin-top:0.45rem;
  260. }
  261. .tabler>tbody>tr>td{
  262. padding: 0 8px 0 4px;
  263. font-size: 0.25rem;
  264. }
  265. #hiddenBox .hiddenBoxTop {
  266. height: 0.8rem !important;
  267. line-height: 0.8rem !important;
  268. }
  269. .table tr td span {
  270. font-size: 0.2rem !important;
  271. }
  272. #hiddenBox .hiddenBoxTop div {
  273. font-size: 0.35rem !important;
  274. }
  275. .col-md-2{
  276. text-align: center;
  277. }
  278. .col-md-6{
  279. text-align: left !important;
  280. }
  281. .hbgzsbg {
  282. text-align: center;
  283. }
  284. .dayNumBox .prevBtn .btn-group button {
  285. font-size: 0.3rem !important;
  286. margin-left: 0 !important;
  287. margin-top: -0.1rem !important;
  288. }
  289. .dayNumBox .nextBtn .btn-group button {
  290. font-size: 0.3rem !important;
  291. margin-top: -0.1rem !important;
  292. }
  293. .topBg .btn-group .btn_l {
  294. font-size: 0.41rem !important;
  295. margin-top: -0.1rem !important;
  296. }
  297. .fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
  298. margin-top: -0.06rem !important;
  299. }
  300. .fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
  301. margin-top: -0.06rem !important;
  302. }
  303. .iscroller {
  304. height: 9rem !important;
  305. }
  306. .iscroll>.container>.hiddenMsgBox:nth-last-child(1){
  307. margin-bottom: 10px !important;
  308. }
  309. }
  310. @media (device-height:732px) and (-webkit-min-device-pixel-ratio:2){/* 兼容Nexus 6P */
  311. .hiddenMsg>.row>.col-md-6 {
  312. padding-left: 0.32rem !important;
  313. }
  314. .title .xinZengDuanNai_btn {
  315. margin-top: 0 !important;
  316. }
  317. .fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
  318. margin-top: -0.06rem !important;
  319. }
  320. .fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
  321. margin-top: -0.06rem !important;
  322. }
  323. #wrap section {
  324. bottom: 1.15rem !important;
  325. }
  326. .group_hiddenMsg .group_row .col-md-6 {
  327. padding-left: 0rem !important;
  328. }
  329. .yellowPig{
  330. background-position: -0.56rem -2.52rem !important;
  331. }
  332. .yellowFeiPig{
  333. background-position: -2.91rem -2.55rem !important;
  334. }
  335. .bulePig{
  336. background-position: -0.56rem -4.38rem !important;
  337. }
  338. .buleFeiPig{
  339. background-position: -2.91rem -4.4rem !important;
  340. }
  341. .purplePig{
  342. background-position: -0.56rem -6.28rem !important;
  343. }
  344. .purpleFeiPig{
  345. background-position: -2.91rem -6.28rem !important;
  346. }
  347. .pinkPig{
  348. background-position: -0.56rem -8.1rem !important;
  349. }
  350. .cyanPig{
  351. background-position: -0.56rem -9.98rem !important;
  352. }
  353. .cyanFeiPig{
  354. background-position: -2.91rem -9.98rem !important;
  355. }
  356. .cyanQuanPig{
  357. background-position: -5.33rem -9.98rem !important;
  358. }
  359. .orangePuMian{
  360. background-position: -0.56rem -11.85rem !important;
  361. }
  362. .orangePig{
  363. background-position: -2.91rem -11.85rem !important;
  364. }
  365. .orangeFeiPig{
  366. background-position: -5.33rem -11.85rem !important;
  367. }
  368. .tabler>tbody>tr>td{
  369. padding: 0 8px 0 4px;
  370. font-size: 0.25rem;
  371. }
  372. .col-md-2{
  373. text-align: center;
  374. }
  375. .col-md-6{
  376. text-align: left !important;
  377. }
  378. .tr1_2 {
  379. width: 7rem !important;
  380. }
  381. .zhuanr {
  382. margin-left: -0.6rem !important;
  383. }
  384. .swiper-container-horizontal>.swiper-pagination-bullets {
  385. bottom: -2px !important;
  386. }
  387. }
  388. @media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
  389. .checkbox {
  390. height: 0.38rem !important;
  391. }
  392. .title .xinZengDuanNai_btn {
  393. margin-top: -0.05rem !important;
  394. }
  395. .hiddenMsg>.row>.col-md-6 {
  396. padding-left: 0.32rem !important;
  397. }
  398. .group_hiddenMsg .group_row .col-md-6 {
  399. padding-left: 0rem !important;
  400. }
  401. .fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
  402. margin-top: -0.06rem !important;
  403. }
  404. .fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
  405. margin-top: -0.06rem !important;
  406. }
  407. .yellowPig{
  408. background-position: -0.56rem -2.52rem !important;
  409. }
  410. .yellowFeiPig{
  411. background-position: -2.91rem -2.55rem !important;
  412. }
  413. .bulePig{
  414. background-position: -0.56rem -4.38rem !important;
  415. }
  416. .buleFeiPig{
  417. background-position: -2.91rem -4.4rem !important;
  418. }
  419. .purplePig{
  420. background-position: -0.56rem -6.28rem !important;
  421. }
  422. .purpleFeiPig{
  423. background-position: -2.91rem -6.28rem !important;
  424. }
  425. .pinkPig{
  426. background-position: -0.56rem -8.1rem !important;
  427. }
  428. .cyanPig{
  429. background-position: -0.56rem -9.98rem !important;
  430. }
  431. .cyanFeiPig{
  432. background-position: -2.91rem -9.98rem !important;
  433. }
  434. .cyanQuanPig{
  435. background-position: -5.33rem -9.98rem !important;
  436. }
  437. .orangePuMian{
  438. background-position: -0.56rem -11.85rem !important;
  439. }
  440. .orangePig{
  441. background-position: -2.91rem -11.85rem !important;
  442. }
  443. .orangeFeiPig{
  444. background-position: -5.33rem -11.85rem !important;
  445. }
  446. .tabler>tbody>tr>td{
  447. padding: 0 8px 0 4px;
  448. font-size: 0.25rem;
  449. }
  450. .tr1_2{
  451. width: 7rem !important;
  452. }
  453. .col-md-2{
  454. text-align: center;
  455. }
  456. .col-md-6{
  457. text-align: left !important;
  458. }
  459. .table>tbody>tr>.marginBottom:nth-of-type(4) {
  460. text-align: left !important;
  461. }
  462. .zzz{
  463. margin-top:0.45rem;
  464. }
  465. .topBg .btn-group .btn_l {
  466. font-size: 0.41rem !important;
  467. margin-top: -0.1rem !important;
  468. }
  469. }
  470. @media (device-height:1024px) and (-webkit-min-device-pixel-ratio:2){/* 兼容ipad */
  471. .ar_header>.btn-group>.zuo{
  472. margin-top: 0 !important;
  473. }
  474. .title .xinZengDuanNai_btn {
  475. margin-top: -0.05rem !important;
  476. }
  477. .iscroll>.dangan_scrollr>.table2>tbody>tr {
  478. font-size: 0.25rem !important;
  479. }
  480. .fenmian_nextBtn>span{
  481. margin-right: 0.08rem !important;
  482. }
  483. .fenmian_dayNumBox .fenmian_prevBtn .btn-group button {
  484. margin-top: -0.06rem !important;
  485. }
  486. .fenmian_dayNumBox .fenmian_nextBtn .btn-group button {
  487. margin-top: -0.06rem !important;
  488. }
  489. .hiddenMsg>.row>.col-md-6 {
  490. padding-left: 0.32rem !important;
  491. }
  492. .col-md-2{
  493. text-align: center;
  494. }
  495. .col-md-6{
  496. text-align: left !important;
  497. }
  498. .yellowPig{
  499. background-position: -0.56rem -2.52rem !important;
  500. }
  501. .yellowFeiPig{
  502. background-position: -2.91rem -2.55rem !important;
  503. }
  504. .bulePig{
  505. background-position: -0.56rem -4.38rem !important;
  506. }
  507. .buleFeiPig{
  508. background-position: -2.91rem -4.4rem !important;
  509. }
  510. .purplePig{
  511. background-position: -0.56rem -6.28rem !important;
  512. }
  513. .purpleFeiPig{
  514. background-position: -2.91rem -6.28rem !important;
  515. }
  516. .pinkPig{
  517. background-position: -0.56rem -8.1rem !important;
  518. }
  519. .cyanPig{
  520. background-position: -0.56rem -9.98rem !important;
  521. }
  522. .cyanFeiPig{
  523. background-position: -2.91rem -9.98rem !important;
  524. }
  525. .cyanQuanPig{
  526. background-position: -5.33rem -9.98rem !important;
  527. }
  528. .orangePuMian{
  529. background-position: -0.56rem -11.85rem !important;
  530. }
  531. .orangePig{
  532. background-position: -2.91rem -11.85rem !important;
  533. }
  534. .orangeFeiPig{
  535. background-position: -5.33rem -11.85rem !important;
  536. }
  537. .zzz{
  538. margin-top:0.45rem;
  539. }
  540. }
  541. *{
  542. padding: 0;
  543. margin: 0;
  544. }
  545. body,html{
  546. height:100%;
  547. width:100%;
  548. overflow:hidden;
  549. }
  550. html{
  551. font-size: 100px;
  552. }
  553. body{
  554. background: #f4f2f3;
  555. }
  556. p{
  557. margin-bottom: 0 !important;
  558. }
  559. ul{
  560. list-style: none;
  561. }
  562. a{
  563. text-decoration: none;
  564. }
  565. table tr td {
  566. border: none;
  567. }
  568. .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech{
  569. color: #999 !important;
  570. }
  571. input{
  572. border: none;
  573. }
  574. input[type=radio], input[type=checkbox]{
  575. margin: 0;
  576. margin-left: 0.32rem;
  577. }
  578. input[placeholder], [placeholder], *[placeholder]{
  579. color: #aaaaaa !important;
  580. }
  581. .mui-search:before{
  582. margin-top: -0.3rem;
  583. }
  584. .mui-search .mui-placeholder{
  585. height: 0.58rem;
  586. line-height: 0.58rem;
  587. }
  588. ::-webkit-input-placeholder {
  589. color: #aaaaaa !important;
  590. }
  591. .header .btn-default:hover{
  592. background-color: #2285e2 !important;
  593. color: #fff !important;
  594. }
  595. .right .btn-default:hover{
  596. background: #c7e1f0 !important;
  597. color: #214579 !important;
  598. outline: none;
  599. }
  600. .lisBtn .btn-default:hover{
  601. background-color: #2285e2 !important;
  602. color: #fff !important;
  603. }
  604. .title .btn-default:hover{
  605. background-color: #2285e2 !important;
  606. color: #fff !important;
  607. }
  608. .ar_header .btn-default:hover{
  609. background-color: #2285e2 !important;
  610. color: #fff !important;
  611. }
  612. .dangan_iscroll .btn-default:hover{
  613. background-color: #fff !important;
  614. color: #ccc !important;
  615. }
  616. /*待售种猪复选框*/
  617. #checkboxInput{
  618. visibility: hidden;
  619. }
  620. .checkbox {
  621. width: 0.68rem;
  622. height: 0.39rem;
  623. background: #fff;
  624. margin: -2px 0.2rem;
  625. position: relative;
  626. border-radius: 0.3rem;
  627. border: 2px solid #ddd;
  628. }
  629. .checkbox label {
  630. display: block;
  631. width: 0.35rem;
  632. height: 0.35rem;
  633. border-radius: 50%;
  634. -webkit-transition: all .5s ease;
  635. -moz-transition: all .5s ease;
  636. -o-transition: all .5s ease;
  637. -ms-transition: all .5s ease;
  638. transition: all .5s ease;
  639. position: absolute;
  640. top: -1px;
  641. left: 0px;
  642. background: #fff;
  643. box-shadow: 1px 2px 5px rgba(0,0,0,.4);
  644. -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.4);
  645. -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.4);
  646. }
  647. .checkbox input[type=checkbox]:checked + label {
  648. left: 0.28rem;
  649. }
  650. /*档案管理复选框*/
  651. .chooseDweb>.checkBox>input{
  652. visibility: hidden;
  653. }
  654. .checkBox {
  655. width: 0.4rem;
  656. height: 0.4rem;
  657. line-height: 0.4rem;
  658. background: #ddd;
  659. display: inline-block;
  660. border-radius: 100%;
  661. position: relative;
  662. -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  663. -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  664. box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  665. }
  666. .checkBox>label {
  667. display: block;
  668. width: 0.3rem;
  669. height: 0.3rem;
  670. border-radius: 50%;
  671. -webkit-transition: all .5s ease;
  672. -moz-transition: all .5s ease;
  673. -o-transition: all .5s ease;
  674. -ms-transition: all .5s ease;
  675. transition: all .5s ease;
  676. position: absolute;
  677. top: 0.05rem;
  678. left: 0.05rem;
  679. z-index: 1;
  680. background: transparent;
  681. -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  682. -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  683. box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  684. }
  685. .checkBox>input[type=checkbox]:checked + label {
  686. background: #26ca28;
  687. }
  688. .chooseDweb>.checkBox+span{
  689. text-indent: 0.2rem;
  690. }
  691. /*下拉菜单*/
  692. select{
  693. /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
  694. border:1px solid #000;
  695. /*很关键:将默认的select选择框样式清除*/
  696. appearance:none;
  697. -moz-appearance:none;
  698. -webkit-appearance:none;
  699. direction: rtl;
  700. }
  701. /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
  702. select::-ms-expand {
  703. display: none;
  704. }
  705. option {
  706. direction: ltr;
  707. }
  708. /* 轮播图 */
  709. .swiper-slide>.table>tbody>tr>td{
  710. width: 50%;
  711. display: flex;
  712. float: left;
  713. -webkit-align-items: center;
  714. align-items: center;
  715. -webkit-justify-content: center;
  716. justify-content: center;
  717. }
  718. .swiper-button-prev{
  719. background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239393FF'%2F%3E%3C%2Fsvg%3E") !important;
  720. }
  721. .swiper-button-next{
  722. background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239393FF'%2F%3E%3C%2Fsvg%3E") !important;
  723. }
  724. .swiper-button-next, .swiper-button-prev {
  725. margin-top: -32px !important;
  726. }
  727. .swiper-container-horizontal>.swiper-pagination-bullets {
  728. bottom: -4px !important;
  729. }
  730. .swiper-pagination-bullet-active {
  731. opacity: 1;
  732. background: #d3a4ff !important;
  733. }
  734. .swiper-button-next, .swiper-button-prev {
  735. width: 0.52rem !important;
  736. height: 0.26rem !important;
  737. }
  738. .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  739. right: 0.05rem !important;
  740. }
  741. .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  742. left: 2px !important;
  743. }
  744. .swiper-pagination-bullet{
  745. width: 0.12rem !important;
  746. height: 0.12rem !important;
  747. }
  748. .container{
  749. width: 100%;
  750. margin: 0;
  751. }
  752. .row{
  753. margin: 0 -0.1rem;
  754. }
  755. .container-fluid{
  756. margin: 0;
  757. }
  758. .header{
  759. width: 100%;
  760. height: 0.71rem;
  761. line-height: 0.71rem;
  762. padding-left:0.3rem ;
  763. }
  764. .topBg{
  765. position: relative;
  766. background: #2285e2 !important;
  767. border: none;
  768. }
  769. .searchBox{
  770. width: 100%;
  771. height: 0.58rem;
  772. line-height: 0.58rem;
  773. position: relative;
  774. background: #f0f0f0 !important;
  775. top: 0;
  776. margin: 0.2rem 0;
  777. left: 0;
  778. }
  779. .glyphicon-search{
  780. position: absolute !important;
  781. left: 1.15rem;
  782. top: 0.165rem !important;
  783. z-index: 100;
  784. font-size: 0.24rem;
  785. color: #fff;
  786. }
  787. .danganInput{
  788. width: 5rem;
  789. height: 0.58rem;
  790. position: absolute !important;
  791. left: 50%;
  792. top: 0;
  793. margin-left: -2.5rem;
  794. }
  795. .input-group .form-control{
  796. border-radius: 0.15rem !important;
  797. height: 0.58rem!important;
  798. color: #12528f;
  799. font-size: 0.28rem!important;
  800. }
  801. .finishBtn{
  802. height: 0.71rem;
  803. line-height: 0.71rem;
  804. position: absolute;
  805. top: 0;
  806. right: 0.4rem;
  807. color: #fff;
  808. font-size: 0.26rem;
  809. font-weight: bold;
  810. background: #2285e2;
  811. border: none;
  812. outline: none;
  813. }
  814. .btn-group .btn{
  815. border: none;
  816. background: #2285e2;
  817. color: #fff;
  818. margin-top: -0.1rem;
  819. font-size: 0.25rem;
  820. }
  821. .btn-group>.danganshuju_leftbtn{
  822. height: 0.71rem;
  823. line-height: 0.56rem;
  824. margin-left: 0.18rem !important;
  825. margin-top: -0.05rem !important;
  826. font-size: 0.55rem !important;
  827. }
  828. .header>.btn-group{
  829. position: absolute;
  830. left: 0;
  831. }
  832. .scrollr{
  833. width: 100%;
  834. z-index: 999;
  835. overflow: hidden;
  836. position: absolute;
  837. top: 0;
  838. bottom: 0;
  839. font-size: 0.22rem;
  840. background: #fff;
  841. left: 0;
  842. }
  843. .dangan_scrollr{
  844. width: 100%;
  845. position: absolute;
  846. }
  847. .table1{
  848. margin-bottom: 0;
  849. background: #fff;
  850. font-weight: bold;
  851. }
  852. .table2>tbody>tr:nth-child(2n+1){
  853. background: #def;
  854. }
  855. .table2>tbody>tr:nth-child(2n){
  856. background: #ecf5ff;
  857. }
  858. .table2>tbody>tr>td:nth-of-type(1){
  859. width: 39%;
  860. }
  861. .table2>tbody>tr>td:nth-of-type(3){
  862. width: 1rem;
  863. }
  864. .table-striped>>tbody>tr>td{
  865. height: 1.4rem;
  866. line-height: 1.4rem;
  867. }
  868. .table>tbody>tr>td{
  869. border-top: none !important;
  870. border: none;
  871. }
  872. .table1>tbody>tr:nth-of-type(1){
  873. height: 0.4rem;
  874. line-height: 0.4rem;
  875. color: #9b9d9c;
  876. font-size: 0.25rem;
  877. }
  878. .table>tbody>tr:nth-of-type(2){
  879. line-height: 1.07rem;
  880. }
  881. .table>tbody>tr>.marginBottom:nth-of-type(3){
  882. width: 2rem;
  883. text-align: left;
  884. color:#2485e4;
  885. }
  886. .table1>tbody>tr>.marginBottom:nth-of-type(3){
  887. text-align: right;
  888. color:#2485e4;
  889. }
  890. .table>tbody>tr>.marginBottom:nth-of-type(4){
  891. width: 1rem;
  892. text-align: left;
  893. color:#2485e4;
  894. }
  895. .tr1_1{
  896. width: 6rem;
  897. color: #9b9d9c !important;
  898. }
  899. .tr1_2{
  900. width: 10rem;
  901. color: #9b9d9c !important;
  902. }
  903. .tr1_3{
  904. width: 9rem;
  905. text-align: right;
  906. color: #9b9d9c !important;
  907. }
  908. .tr1_4{
  909. width: 8rem;
  910. text-align: center;
  911. color: #9b9d9c !important;
  912. }
  913. .marginBottom{
  914. vertical-align: middle !important;
  915. }
  916. #overlay{
  917. background: #000;
  918. filter: alpha(opacity=50); /* IE的透明度 */
  919. opacity: 0.5; /* 透明度 */
  920. position: absolute;
  921. top: 0px;
  922. left: 0px;
  923. width: 100%;
  924. height: 100%;
  925. z-index: 999; /* 此处的图层要大于页面 */
  926. display:none;
  927. }
  928. .ar_header{
  929. width: 100%;
  930. height: 0.71rem;
  931. line-height: 0.71rem;
  932. display: flex;
  933. justify-content: space-between;
  934. align-items: center;
  935. }
  936. .topBg .p{
  937. font-size:0.32rem;
  938. color: #fff;
  939. font-weight: bold;
  940. }
  941. .ar_header>.btn-group>.zuo{
  942. height: 0.71rem;
  943. line-height: 0.56rem;
  944. font-size: 0.55rem;
  945. color: #fff;
  946. border: none;
  947. background: #2285e2;
  948. outline: none;
  949. margin-top: -0.05rem;
  950. margin-left: 0.18rem !important;
  951. }
  952. header .right{
  953. font-size: 0.3rem !important;
  954. }
  955. header>.right>.right{
  956. margin-top: 0 !important;
  957. margin-right: 0.18rem;
  958. }
  959. .ar_seaech{
  960. position: relative;
  961. z-index: 98;
  962. }
  963. nav{
  964. width: 100%;
  965. height: 0.68rem;
  966. line-height: 0.58rem;
  967. display: -webkit-flex;
  968. background: #eeeeee;
  969. margin: 0.1rem 0 0.05rem 0;
  970. }
  971. nav .atPrePigHome{
  972. color: #2285e2;
  973. margin-left: 0.2rem;
  974. -webkit-box-flex: 1;
  975. }
  976. nav .atPrestaus{
  977. color: #2285e2;
  978. margin-left: 0.2rem;
  979. -webkit-box-flex: 1;
  980. }
  981. .val1{
  982. border-radius:0.15rem ;
  983. color: #fff;
  984. background: #2285e2;
  985. font-size:0.25rem;
  986. padding: 0.12rem;
  987. }
  988. .val2{
  989. padding: 0.12rem;
  990. border-radius:0.15rem ;
  991. color: #fff;
  992. background: #2285e2;
  993. font-size: 0.25rem;
  994. }
  995. .zhushe{
  996. display: none;
  997. }
  998. nav .right{
  999. position: absolute !important;
  1000. right: 0.1rem;
  1001. margin-top: 0.04rem !important;
  1002. -webkit-box-flex: 1;
  1003. font-size: 0.2rem !important;
  1004. margin-right: -0.05rem;
  1005. }
  1006. .dangan_iscroll{
  1007. width: 100%;
  1008. overflow: hidden;
  1009. background: #eeeeee;
  1010. position: absolute;
  1011. top:0;
  1012. bottom:0;
  1013. left:0;
  1014. }
  1015. section .container{
  1016. position: absolute;
  1017. }
  1018. .hiddenBoxShuJu>.container{
  1019. height: 100%;
  1020. }
  1021. .hiddenBoxShuJu>.container>.row{
  1022. margin-right: 0;
  1023. margin-left: 0;
  1024. }
  1025. .footerBox{
  1026. width: 100%;
  1027. height: 0.9rem;
  1028. line-height: 0.9rem;
  1029. border-top: 1px solid #ccc !important;
  1030. display: -webkit-box;
  1031. -webkit-box-pack: center;
  1032. background: #fff;
  1033. z-index: 11;
  1034. }
  1035. .footerBox>div{
  1036. text-align: center;
  1037. -webkit-box-flex: 1;
  1038. font-size: 0.3rem;
  1039. margin:0 0.4rem;
  1040. }
  1041. .footerBox span{
  1042. height: 0.9rem;
  1043. border: 1px solid #ccc !important;
  1044. display: inline-block;
  1045. }
  1046. .footerBox>div.active{
  1047. color: #4b738c;
  1048. border-bottom:2px solid #4b738c !important;
  1049. }
  1050. .btn-bg{
  1051. background: #fff !important;
  1052. color: #ccc !important;
  1053. }
  1054. .dangan_iscroll>.container>.row{
  1055. display: -webkit-box;
  1056. }
  1057. .hiddenMsgBox .hiddenMsg .row{
  1058. display: -webkit-box;
  1059. }
  1060. .row div{
  1061. -webkit-box-flex: 1;
  1062. }
  1063. .rowll{
  1064. background: #fff;
  1065. margin-top: 5px;
  1066. color: #000;
  1067. margin-left:-15px;
  1068. margin-right:-15px;
  1069. }
  1070. .iscroll>.container>.hiddenMsgBox:nth-last-child(1){
  1071. margin-bottom: 10px !important;
  1072. }
  1073. .rowll div{
  1074. height: 0.4rem;
  1075. line-height: 0.4rem;
  1076. margin-bottom: 0.2rem;
  1077. margin-top: 0.2rem;
  1078. text-align: center;
  1079. padding: 0;
  1080. font-size: 0.22rem;
  1081. }
  1082. .rowll>div:nth-last-child(1){
  1083. margin-top: 0.2rem;
  1084. }
  1085. .rowll>.col-md-2>.btn-group{
  1086. margin-left: -0.28rem;
  1087. height: 0.15rem;
  1088. }
  1089. .rowll>.col-md-2>.btn-group>.btn-default{
  1090. padding: 0;
  1091. }
  1092. .container>.rowll>.dropdownBtn{
  1093. height:0.8rem !important;
  1094. margin: 0 !important;
  1095. }
  1096. .yjt{
  1097. border: none !important;
  1098. outline: none !important;
  1099. color: #ccc !important;
  1100. font-size: 0.24rem !important;
  1101. height: 0.8rem !important;
  1102. line-height: 0.68rem !important;
  1103. }
  1104. .btn-group.open .dropdown-toggle {
  1105. -webkit-box-shadow: inset 0 3px 5px #fff;
  1106. box-shadow: inset 0 3px 5px #fff;
  1107. }
  1108. .hiddenMsgBox{
  1109. display: none;
  1110. }
  1111. .hiddenMsg{
  1112. border-top: 1px solid #ccc;
  1113. padding:0 0.2rem;
  1114. background: #fff;
  1115. }
  1116. .hiddenMsg>.row>div{
  1117. width: 0.7rem;
  1118. line-height: 0.5rem;
  1119. color: #000;
  1120. margin: 0.1rem 0;
  1121. font-size: 0.21rem;
  1122. white-space: nowrap;
  1123. overflow: hidden;
  1124. text-overflow: ellipsis;
  1125. }
  1126. .dropup .caret{
  1127. border-bottom:0.15rem solid !important;
  1128. border-top: 0rem solid transparent !important;
  1129. }
  1130. .caret{
  1131. border-top: 0.15rem solid !important;
  1132. border-right: 0.15rem solid transparent !important;
  1133. border-left: 0.15rem solid transparent !important;
  1134. }
  1135. .hiddenMsg>div:nth-last-child(1){
  1136. margin-bottom: 0rem;
  1137. padding-bottom: 0rem;
  1138. }
  1139. .hiddenMsg>div>.dateleft{
  1140. margin-left: 5.5rem;
  1141. }
  1142. .hiddenMsg .row img{
  1143. width: 0.5rem;
  1144. height: 0.5rem;
  1145. }
  1146. .hbgzsbg{
  1147. border-radius: 1rem;
  1148. background: #eeeeee;
  1149. white-space: nowrap;
  1150. overflow: hidden;
  1151. text-overflow: ellipsis;
  1152. width: 22% !important;
  1153. padding-left: 0.1rem;
  1154. padding-right: 0.1rem;
  1155. text-align:center;
  1156. }
  1157. #hiddenBox{
  1158. display: none;
  1159. width: 5.5rem;
  1160. position: absolute;
  1161. left: 50%;
  1162. top: 50%;
  1163. margin-left: -2.75rem;
  1164. margin-top: -3.2rem;
  1165. z-index: 9999;
  1166. background: #fff;
  1167. border-radius: 0.1rem;
  1168. }
  1169. .checkboxBox{
  1170. width: 100%;
  1171. overflow: hidden;
  1172. }
  1173. .table{
  1174. margin-bottom: 0 !important;
  1175. }
  1176. tr{
  1177. border: 0px solid transparent !important;
  1178. }
  1179. .table tr td span{
  1180. width:2rem;
  1181. margin-left: 0.3rem;
  1182. font-size: 0.25rem;
  1183. white-space: nowrap;
  1184. overflow: hidden;
  1185. text-overflow: ellipsis;
  1186. display: inline-block;
  1187. }
  1188. #hiddenBox .hiddenBoxTop{
  1189. width: 100%;
  1190. height: 0.8rem;
  1191. text-align: center;
  1192. line-height: 0.8rem;
  1193. border-bottom: 1.5px solid #2285e2 !important;
  1194. display: -webkit-box;
  1195. -webkit-box-pack: center;
  1196. }
  1197. .swiper-container{
  1198. padding-bottom: 0.2rem;
  1199. }
  1200. .swiper-container-horizontal>.swiper-pagination-bullets{
  1201. bottom:0px;
  1202. z-index: 99999999;
  1203. }
  1204. .swiper-pagination-bullet-active{
  1205. background: #c2a6fd;
  1206. }
  1207. #hiddenBox .hiddenBoxTop div{
  1208. width: 50%;
  1209. -webkit-box-flex: 1;
  1210. font-size: 0.35rem;
  1211. color: #2285e2;
  1212. }
  1213. #hiddenBox .hiddenBoxTop .active{
  1214. background: #2285e2;
  1215. color: #fff;
  1216. }
  1217. #hiddenBox .submit{
  1218. width: 100%;
  1219. height: 0.8rem;
  1220. border: none;
  1221. border-top: 1px solid #ddcdfe !important;
  1222. float: left;
  1223. outline: none;
  1224. font-size: 0.4rem;
  1225. color: #000000;
  1226. border-radius:0 0 0.1rem 0.1rem;
  1227. }
  1228. .activeFooter{
  1229. color: #2988e4;
  1230. }
  1231. #wrap{
  1232. width: 100%;
  1233. }
  1234. #wrap header{
  1235. width: 100%;
  1236. height: 0.7rem;
  1237. line-height: 0.7rem;
  1238. background: #2285e2;
  1239. }
  1240. #wrap header p{
  1241. margin-bottom: 0;
  1242. text-align: center;
  1243. font-size: 0.3rem;
  1244. color: #fff;
  1245. font-weight: bold;
  1246. }
  1247. #wrap section{
  1248. width: 100%;
  1249. overflow: hidden;
  1250. position: absolute;
  1251. top: 0;
  1252. left: 0;
  1253. background: #f0f0f0;
  1254. }
  1255. #wrap section .indexContent{
  1256. position: absolute;
  1257. width: 100%;
  1258. height: 100%;
  1259. background: -webkit-linear-gradient(right top, #c2a6fd 30%,#50a8ff 100%);
  1260. }
  1261. #wrap section .sectionTop{
  1262. width: 100%;
  1263. height: 66%;
  1264. overflow: hidden;
  1265. position: absolute;
  1266. padding: 0;
  1267. }
  1268. #wrap section .sectionBtm{
  1269. width: 98%;
  1270. height: 34%;
  1271. position: absolute;
  1272. bottom: 0;
  1273. border-radius: 0.2rem 0.2rem 0 0;
  1274. margin-left: 1%;
  1275. }
  1276. #wrap section .sectionTop .sectionData{
  1277. width: 100%;
  1278. border: none;
  1279. box-shadow: none;
  1280. }
  1281. .col-xs-6,.col-sm-6,.col-md-6,.col-lg-6{
  1282. width:50%;
  1283. white-space: nowrap;
  1284. overflow: hidden;
  1285. text-overflow: ellipsis;
  1286. }
  1287. #wrap section .sectionTop .sectionData h2{
  1288. width: 100%;
  1289. height: 1rem;
  1290. line-height: 1rem;
  1291. color: #fff;
  1292. margin: 0;
  1293. margin-left: 0.25rem !important;
  1294. }
  1295. #wrap section .sectionTop .sectionData h2 em{
  1296. font-size: 0.5rem;
  1297. }
  1298. #wrap section .sectionTop .sectionData h2 .sm{
  1299. font-size: 0.3rem;
  1300. }
  1301. #wrap section .sectionTop .sectionData h2 .du{
  1302. font-size: 0.3rem;
  1303. }
  1304. #wrap section .sectionTop .sectionData h2 .pigHome{
  1305. font-size: 0.38rem;
  1306. }
  1307. #wrap section .sectionTop .sectionData h3{
  1308. width: 100%;
  1309. height: 0.4rem;
  1310. line-height: 0.4rem;
  1311. color: #fff;
  1312. font-size: 0.28rem;
  1313. margin: 0;
  1314. margin-left: 0.25rem !important;
  1315. }
  1316. #wrap section .sectionTop .sectionData h4{
  1317. width: 100%;
  1318. height: 0.5rem;
  1319. line-height: 0.5rem;
  1320. color: #fff;
  1321. font-size: 0.24rem;
  1322. margin: 0;
  1323. margin-left: 0.25rem !important;
  1324. }
  1325. #hiddenBoxPig{
  1326. width: 100%;
  1327. height: 100%;
  1328. border-radius:0.12rem 0.12rem 0 0;
  1329. background:#F2F6F9 !important;
  1330. z-index: 99;
  1331. }
  1332. .hiddenBoxShuJu .hiddenBoxTopShuJu{
  1333. width: 100%;
  1334. height: 50%;
  1335. display: -webkit-flex;
  1336. display: flex;
  1337. -webkit-align-items: center;
  1338. align-items: center;
  1339. }
  1340. .hiddenBoxShuJu .hiddenBoxTopShuJu div{
  1341. width: 25%;
  1342. float: left;
  1343. text-align: center;
  1344. vertical-align: middle;
  1345. }
  1346. .hiddenBoxShuJu .hiddenBoxTopShuJu div p{
  1347. width: 100%;
  1348. margin-bottom: 0;
  1349. color: darkgrey;
  1350. font-weight: bold;
  1351. font-size: 0.22rem;
  1352. }
  1353. .hiddenBoxShuJu .hiddenBoxBtm{
  1354. width: 100%;
  1355. height: 50%;
  1356. display: -webkit-flex;
  1357. display: flex;
  1358. -webkit-align-items: center;
  1359. align-items: center;
  1360. }
  1361. .hiddenBoxShuJu .hiddenBoxBtm div{
  1362. width: 25%;
  1363. float: left;
  1364. text-align: center;
  1365. vertical-align: middle;
  1366. }
  1367. .hiddenBoxShuJu .hiddenBoxBtm div img{
  1368. width: 0.7rem;
  1369. height: 0.7rem;
  1370. }
  1371. .hiddenBoxShuJu .hiddenBoxTopShuJu div img {
  1372. width: 0.7rem;
  1373. height: 0.7rem;
  1374. }
  1375. .hiddenBoxShuJu .hiddenBoxBtm div p{
  1376. width: 100%;
  1377. margin-bottom: 0;
  1378. color: #bfbfbf;
  1379. font-weight: bold;
  1380. font-size: 0.22rem;
  1381. }
  1382. .activetext{
  1383. color:#2285e2 ;
  1384. }
  1385. #fmsg{
  1386. display: none;
  1387. width: 5.5rem;
  1388. height: 3.22rem;
  1389. background: #fff;
  1390. position: fixed;
  1391. left: 50%;
  1392. top: 50%;
  1393. margin-left: -2.75rem;
  1394. margin-top: -1.66rem;
  1395. z-index: 9999;
  1396. border-radius: 0.1rem;
  1397. }
  1398. #fmsg .headerx{
  1399. padding: 0.1rem 0.61rem;
  1400. }
  1401. #fmsg .headerx .val{
  1402. height: 0.5rem;
  1403. line-height: 0.5rem;
  1404. font-size: 0.3rem;
  1405. font-weight: bold;
  1406. text-align: center;
  1407. margin-top: 0.2rem;
  1408. }
  1409. #fmsg .headerx .text{
  1410. height: 0.5rem;
  1411. line-height: 0.5rem;
  1412. font-size: 0.3rem;
  1413. text-align: center;
  1414. margin-top: 0.2rem;
  1415. margin-left: 0.13rem;
  1416. }
  1417. #fmsg .footerboxx{
  1418. width: 100%;
  1419. height: 1rem;
  1420. position: absolute;
  1421. bottom: 0;
  1422. border-top: 1px solid #ccc;
  1423. }
  1424. #fmsg .footerboxx .esc{
  1425. width: 50%;
  1426. height: 1rem;
  1427. border:0;
  1428. border-right: 1px solid #ccc;
  1429. float: left;
  1430. outline: none;
  1431. }
  1432. #fmsg .footerboxx .sbm{
  1433. width: 50%;
  1434. height: 1rem;
  1435. border:0;
  1436. float: left;
  1437. outline: none;
  1438. }
  1439. .content_header{
  1440. width: 100%;
  1441. height: 0.71rem;
  1442. line-height: 0.71rem;
  1443. padding-left:0.3rem ;
  1444. font-weight: bold;
  1445. }
  1446. .topBg .btn-group .btn_l{
  1447. font-size: 0.41rem;
  1448. color: #fff;
  1449. border: none;
  1450. background: #2285e2;
  1451. outline: none;
  1452. margin-top: -0.07rem;
  1453. margin-left: 0.02rem !important;
  1454. }
  1455. .content_header p{
  1456. position: absolute;
  1457. left: 50%;
  1458. top: 0;
  1459. margin-left: -10%;
  1460. height: 0.7rem;
  1461. line-height: 0.7rem;
  1462. font-size: 0.32rem;
  1463. display: inline-block;
  1464. color: #fff;
  1465. margin-bottom: 0;
  1466. }
  1467. .searchBoxx{
  1468. width: 100%;
  1469. height: 0.58rem;
  1470. position: relative;
  1471. margin-top: 0.1rem;
  1472. margin-bottom: 0.1rem;
  1473. background: #f4f2f3;
  1474. }
  1475. .search{
  1476. position: absolute;
  1477. left: 1.5rem;
  1478. top: 0.165rem;
  1479. z-index: 100;
  1480. }
  1481. .inputBox{
  1482. width: 5rem;
  1483. height: 0.58rem;
  1484. position: absolute;
  1485. left: 50%;
  1486. top:0;
  1487. margin-left: -2.5rem;
  1488. }
  1489. .inputBox .inputx{
  1490. border-radius: 0.15rem !important;
  1491. height: 0.58rem;
  1492. background: #2285e2;
  1493. text-indent: 1.6rem;
  1494. color: #12528f;
  1495. }
  1496. .dayNumBox{
  1497. width: 100%;
  1498. height: 0.54rem;
  1499. background: #fff;
  1500. margin-top: 0.2rem;
  1501. position: relative;
  1502. background: #f4f2f3;
  1503. margin-bottom: 0.22rem;
  1504. }
  1505. .prevBtn{
  1506. height: 0.54rem;
  1507. line-height: 0.54rem;
  1508. display: inline-block;
  1509. margin-left: 0.15rem;
  1510. color: #2285e2;
  1511. }
  1512. .nextBtn{
  1513. height: 0.54rem;
  1514. line-height: 0.54rem;
  1515. display: inline-block;
  1516. position: absolute;
  1517. right: 0.15rem;
  1518. color: #2285e2;
  1519. text-align: right;
  1520. }
  1521. .slflag>div{
  1522. font-size: 0.2rem;
  1523. }
  1524. .dayNumBox .prevBtn .btn-group button{
  1525. border: none;
  1526. font-size: 0.3rem;
  1527. background: #f4f2f3;
  1528. color: #2285e2;
  1529. margin-left: 0 !important;
  1530. margin-top: -0.02rem;
  1531. }
  1532. .dayNumBox .nextBtn .btn-group button{
  1533. font-size: 0.3rem;
  1534. color: #2285e2;
  1535. border: none;
  1536. background: #f4f2f3;
  1537. margin-top: -0.02rem;
  1538. }
  1539. .dayNumBox #date,
  1540. .dayNumBox .dateS,
  1541. .dayNumBox .dateE{
  1542. width: 2.2rem;
  1543. height: 0.54rem;
  1544. text-align: center;
  1545. position: absolute;
  1546. left: 50%;
  1547. margin-left: -1.1rem;
  1548. border: none;
  1549. outline: none;
  1550. border-radius: 0.1rem;
  1551. background: #fff;
  1552. -moz-box-shadow:-0.05rem 0.05rem 0.05rem #cbd2dc;
  1553. -webkit-box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc;
  1554. box-shadow: -0.05rem 0.05rem 0.05rem #cbd2dc;
  1555. color: #2386e3;
  1556. display: inline-block;
  1557. font-size: 0.27rem;
  1558. }
  1559. .iscroller{
  1560. width: 100%;
  1561. position: relative;
  1562. background: #fff;
  1563. overflow: hidden;
  1564. height: 8.9rem;
  1565. }
  1566. .duannai_iscroll{
  1567. width: 100%;
  1568. position: absolute;
  1569. }
  1570. .iscroller .tabler{
  1571. height: 9.1rem;
  1572. }
  1573. .hbgzsbgg{
  1574. padding-left: 0 !important;
  1575. }
  1576. .lisBtn{
  1577. border-radius: 0.1rem;
  1578. color: #fff;
  1579. background: #2285E2;
  1580. text-align: center;
  1581. padding: 0.1rem 0.2rem;
  1582. }
  1583. .duannai_td{
  1584. padding: 8px 4px;
  1585. border-top: none;
  1586. border-bottom: 1px solid #ddd;
  1587. }
  1588. .duannai_td div:nth-of-type(1){
  1589. margin: 0.2rem 0;
  1590. }
  1591. #alert{
  1592. display: none;
  1593. width: 5.5rem;
  1594. height: 3.22rem;
  1595. background: #fff;
  1596. position: absolute;
  1597. left: 50%;
  1598. top: 50%;
  1599. margin-left: -2.75rem;
  1600. margin-top: -1.66rem;
  1601. z-index: 9999;
  1602. border-radius: 0.1rem;
  1603. }
  1604. #alert .headerx{
  1605. padding: 0.1rem 0.61rem;
  1606. }
  1607. #alert .headerx .val{
  1608. height: 0.5rem;
  1609. line-height: 0.5rem;
  1610. font-size: 0.3rem;
  1611. font-weight: bold;
  1612. text-align: center;
  1613. margin-top: 0.4rem;
  1614. }
  1615. #alert .headerx .text{
  1616. height: 0.5rem;
  1617. line-height: 0.5rem;
  1618. font-size: 0.3rem;
  1619. text-align: center;
  1620. margin-top: 0.2rem;
  1621. }
  1622. #alert .footerboxx{
  1623. width: 100%;
  1624. height: 1rem;
  1625. position: absolute;
  1626. bottom: 0;
  1627. border-top: 1px solid #ccc;
  1628. }
  1629. #alert .footerboxx .esc{
  1630. width: 50%;
  1631. height: 1rem;
  1632. border:0;
  1633. border-right: 1px solid #ccc;
  1634. float: left;
  1635. outline: none;
  1636. }
  1637. #alert .footerboxx .sbm{
  1638. width: 50%;
  1639. height: 1rem;
  1640. border:0;
  1641. float: left;
  1642. outline: none;
  1643. }
  1644. .fenmian_header{
  1645. width: 100%;
  1646. height: 0.71rem;
  1647. line-height: 0.71rem;
  1648. font-weight: bold;
  1649. display: flex;
  1650. justify-content: center;
  1651. align-items: center;
  1652. }
  1653. .fenmian_header>.btn-group{
  1654. position: absolute;
  1655. left: 0;
  1656. }
  1657. .topBg .btn-group .fenmian_btn{
  1658. height: 0.71rem;
  1659. line-height: 0.56rem;
  1660. font-size: 0.55rem;
  1661. color: #fff;
  1662. border: none;
  1663. background: #2285e2;
  1664. outline: none;
  1665. margin-top: -0.05rem;
  1666. margin-left: 0.18rem !important;
  1667. }
  1668. .fenmian_header p{
  1669. font-size: 0.32rem;
  1670. color: #fff;
  1671. }
  1672. .fenmian_searchBox{
  1673. width: 100%;
  1674. height: 0.58rem;
  1675. line-height: 0.58rem;
  1676. margin: 0.15rem 0 0.1rem 0;
  1677. background: transparent !important;
  1678. display: -webkit-box;
  1679. -webkit-box-pack: center;
  1680. position: relative;
  1681. }
  1682. .fenmian_search{
  1683. position: absolute !important;
  1684. left: 1.15rem;
  1685. top: 0.165rem !important;
  1686. z-index: 100;
  1687. font-size: 0.24rem;
  1688. color: #fff;
  1689. }
  1690. .fenmian_inputBox{
  1691. width: 5rem;
  1692. height: 0.58rem;
  1693. position: absolute!important;
  1694. left: 50%;
  1695. margin-left: -2.5rem;
  1696. }
  1697. .btn {
  1698. padding: 6px 12px;
  1699. }
  1700. .fenmian_inputBox .fenmian_input{
  1701. border-radius: 0.15rem !important;
  1702. height: 0.58rem !important;
  1703. color: #12528f;
  1704. font-size: 0.31rem;
  1705. box-shadow: none;
  1706. text-align: center;
  1707. }
  1708. .fenmian_dayNumBox{
  1709. width: 100%;
  1710. height: 0.54rem;
  1711. background: transparent !important;
  1712. position: relative;
  1713. margin-bottom: 0.1rem;
  1714. }
  1715. .fenmian_dayNumBox1{
  1716. left: 100%;
  1717. }
  1718. .searchBtn{
  1719. width:0.58rem;
  1720. height: 0.58rem;
  1721. line-height: 0.58rem !important;
  1722. text-align: center;
  1723. top: 0 !important;
  1724. font-size: 0.4rem;
  1725. background:#c7e1f0;
  1726. color: #214579;
  1727. border-radius: 0.1rem;
  1728. position: absolute !important;
  1729. left: 5.7rem;
  1730. z-index: 100;
  1731. }
  1732. .mymoveSou{
  1733. animation:mymoveSou .5s ease forwards;
  1734. -moz-animation:mymoveSou .5s ease forwards; /* Firefox */
  1735. -webkit-animation:mymoveSou .5s ease forwards; /* Safari and Chrome */
  1736. -o-animation:mymoveSou .5s ease forwards; /* Opera */
  1737. }
  1738. @keyframes mymoveSou{
  1739. from {left:50%;}
  1740. to {left:-39%;}
  1741. }
  1742. .mymoveSJ{
  1743. animation:mymoveSJ .5s ease forwards;
  1744. -moz-animation:mymoveSJ .5s ease forwards; /* Firefox */
  1745. -webkit-animation:mymoveSJ .5s ease forwards; /* Safari and Chrome */
  1746. -o-animation:mymoveSJ .5s ease forwards; /* Opera */
  1747. }
  1748. @keyframes mymoveSJ{
  1749. from {left:100%;}
  1750. to {left:0;}
  1751. }
  1752. .mymoveSou1{
  1753. animation:mymoveSou1 .5s ease forwards;
  1754. -moz-animation:mymoveSou1 .5s ease forwards; /* Firefox */
  1755. -webkit-animation:mymoveSou1 .5s ease forwards; /* Safari and Chrome */
  1756. -o-animation:mymoveSou1 .5s ease forwards; /* Opera */
  1757. }
  1758. @keyframes mymoveSou1{
  1759. from {left:-39%;}
  1760. to {left:50%;}
  1761. }
  1762. .mymoveSJ1{
  1763. animation:mymoveSJ1 .5s ease forwards;
  1764. -moz-animation:mymoveSJ1 .5s ease forwards; /* Firefox */
  1765. -webkit-animation:mymoveSJ1 .5s ease forwards; /* Safari and Chrome */
  1766. -o-animation:mymoveSJ1 .5s ease forwards; /* Opera */
  1767. }
  1768. @keyframes mymoveSJ1{
  1769. from {left:0;}
  1770. to {left:100%;}
  1771. }
  1772. .fenmian_prevBtn{
  1773. height: 0.54rem;
  1774. line-height: 0.54rem;
  1775. display: inline-block;
  1776. margin-left: 0.15rem;
  1777. color: #2285e2;
  1778. font-size: 0.24rem;
  1779. }
  1780. .fenmian_nextBtn{
  1781. height: 0.54rem;
  1782. line-height: 0.54rem;
  1783. display: inline-block;
  1784. position: absolute;
  1785. right: 0.15rem;
  1786. color: #2285e2;
  1787. text-align: right;
  1788. font-size: 0.24rem;
  1789. }
  1790. .fenmian_dayNumBox .fenmian_prevBtn .btn-group button{
  1791. border: none;
  1792. font-size: 0.3rem;
  1793. background: #f4f2f3;
  1794. color: #2285e2;
  1795. margin-left: 0 !important;
  1796. margin-top: 0;
  1797. line-height: 0.1rem;
  1798. }
  1799. .fenmian_dayNumBox .fenmian_nextBtn .btn-group button{
  1800. font-size: 0.3rem;
  1801. color: #2285e2;
  1802. border: none;
  1803. background: #f4f2f3;
  1804. margin-top: 0;
  1805. line-height: 0.1rem;
  1806. }
  1807. .fenmian_dayNumBox #date,
  1808. .fenmian_dayNumBox .dateS,
  1809. .fenmian_dayNumBox .dateE{
  1810. width: 2.2rem;
  1811. height: 0.54rem;
  1812. line-height: 0.54rem;
  1813. text-align: center;
  1814. position: absolute;
  1815. top: 0;
  1816. border: none;
  1817. outline: none;
  1818. border-radius: 0.1rem;
  1819. background: #fff !important;
  1820. -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  1821. box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  1822. color: #2386e3;
  1823. display: inline-block;
  1824. font-size: 0.27rem;
  1825. -webkit-appearance: none
  1826. }
  1827. .fenmian_dayNumBox #date {
  1828. left: 50%;
  1829. margin-left: -1.1rem;
  1830. }
  1831. .dateS{
  1832. left: 13%;
  1833. }
  1834. .dateE{
  1835. right: 13%;
  1836. top: 0.1%;
  1837. }
  1838. .fenge{
  1839. line-height: 0.55rem;
  1840. text-align: center;
  1841. display: block;
  1842. }
  1843. .datetimepicker {
  1844. font-size: 0.4rem;
  1845. }
  1846. #fenmian_addBtn{
  1847. z-index: 1;
  1848. width: 1rem;
  1849. height: 1.5rem;
  1850. background: #c2a6fd;
  1851. position: absolute;
  1852. bottom: 0;
  1853. left: 50%;
  1854. margin-left: -0.5rem;
  1855. border-radius:1.5rem 1.5rem 0 0;
  1856. }
  1857. #fenmian_addBtn span{
  1858. font-size: 0.65rem;
  1859. color: #fff;
  1860. margin-left: 0.17rem;
  1861. margin-top: 0.2rem;
  1862. }
  1863. #fenmian_addBtn p{
  1864. margin-left: 0.17rem;
  1865. color: #fff;
  1866. font-size: 0.35rem;
  1867. }
  1868. .fenmian_iscroll{
  1869. width: 100%;
  1870. position: absolute;
  1871. overflow: hidden;
  1872. background: #f4f2f3;
  1873. top:0;
  1874. bottom:0;
  1875. left:0;
  1876. }
  1877. .fenmian_iscroll .container-fluid{
  1878. width: 100%;
  1879. position: absolute;
  1880. padding: 0 0.3rem;
  1881. }
  1882. .fenmian_iscroll .container-fluid .row {
  1883. display: -webkit-box;
  1884. margin-top: 0.1rem;
  1885. font-size: 0.25rem;
  1886. }
  1887. .hIscroll{
  1888. overflow: hidden;
  1889. background: #c4e1ff;
  1890. border-radius: 0 0 0.1rem 0.1rem;
  1891. }
  1892. .hIscroll>.group_rowll{
  1893. height: 0.3rem;
  1894. line-height: 0.3rem;
  1895. }
  1896. .fenmian_iscroll>.container-fluid>.group_rowll{
  1897. margin-left: 0rem;
  1898. width: 100%;
  1899. background: #c4e1ff;
  1900. }
  1901. .fenmian_iscroll>.container-fluid>.group_rowll>.dropdown_btn>.btn-group{
  1902. margin-top: 0.065rem;
  1903. }
  1904. .fenmian_iscroll>.container-fluid>.group_rowll>.col-md-1{
  1905. margin-right: 0;
  1906. color: #2285e2;
  1907. font-size: 0.21rem;
  1908. }
  1909. .fenmian_iscroll>.container-fluid>.group_rowll>.col-md-1>span{
  1910. color: #646464;
  1911. }
  1912. .fenmian_iscroll>.container-fluid>.group_rowll>.col-md-5{
  1913. padding-left: 0;
  1914. padding-right: 0;
  1915. }
  1916. .group_iscroll>.iscroll_content>.group_rowll{
  1917. margin-left: 0rem;
  1918. width: 100%;
  1919. background: #c4e1ff;
  1920. border-radius: 0.1rem;
  1921. -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  1922. box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  1923. }
  1924. .group_iscroll>.iscroll_content>.group_rowll>.dropdown_btn>.btn-group{
  1925. margin-top: 0.065rem;
  1926. }
  1927. .group_iscroll>.iscroll_content>.group_rowll>.col-md-5{
  1928. padding-left: 0;
  1929. font-size: 0.25rem;
  1930. }
  1931. .group_iscroll>.iscroll_content>.group_rowll>.col-md-1{
  1932. margin-right: 0;
  1933. color: #2285e2;
  1934. font-size: 0.21rem;
  1935. }
  1936. .group_iscroll>.iscroll_content>.group_rowll>.col-md-1>span{
  1937. color: #646464;
  1938. }
  1939. .group_iscroll>.iscroll_content>.group_rowll>.dropdown_btn{
  1940. margin-right: 0;
  1941. }
  1942. .hIscroll>.group_rowll{
  1943. font-size: 0.21rem !important;
  1944. margin-top: 0px !important;
  1945. }
  1946. .hIscroll>.group_rowll>.col-xs-1>span{
  1947. color: #646464;
  1948. }
  1949. .chaochu{
  1950. width:0.6rem;
  1951. white-space: nowrap;
  1952. overflow: hidden;
  1953. text-overflow: ellipsis;
  1954. }
  1955. .col-md-1{
  1956. padding-right: 0 !important;
  1957. padding-left: 10px !important;
  1958. font-size: 0.22rem !important;
  1959. }
  1960. .col-md-2,.col-lg-2,.col-xs-1,.col-sm-2{
  1961. padding-right: 0 !important;
  1962. padding-left: 15px;
  1963. }
  1964. .col-xs-3,.col-sm-3,.col-lg-3{
  1965. padding-right: 0 !important;
  1966. padding-left: 0 !important;
  1967. }
  1968. .col-md-12{
  1969. padding-left: 16px;
  1970. margin: 0.05rem 0;
  1971. }
  1972. .borderB>.col-lg-2>span{
  1973. color: #2285e2;
  1974. }
  1975. .borderB>.col-sm-2>span{
  1976. color: #2285e2;
  1977. }
  1978. .borderB>.col-xs-1>span{
  1979. color: #2285e2;
  1980. }
  1981. .borderB>.col-md-2>span{
  1982. color: #2285e2;
  1983. }
  1984. .borderB{
  1985. padding-bottom: 0.2rem;
  1986. border-bottom: 1px solid #ccc;
  1987. }
  1988. .fenmian_lisBtn{
  1989. color: #fff;
  1990. border-radius: 0.1rem;
  1991. background: #2285e2;
  1992. position: absolute;
  1993. right: 0.25rem;
  1994. padding: 0 0.1rem;
  1995. font-size: 0.25rem;
  1996. margin-top: 0.2rem;
  1997. }
  1998. .title{
  1999. width: 100%;
  2000. height: 0.71rem;
  2001. line-height: 0.71rem;
  2002. background-color: #2285e2;
  2003. color: #fff;
  2004. font-size: 0.32rem;
  2005. font-weight: bold;
  2006. display: flex;
  2007. -webkit-justify-content: center;
  2008. justify-content: center;
  2009. -webkit-align-items: center;
  2010. align-items: center;
  2011. }
  2012. .title>.btn-group{
  2013. position: absolute;
  2014. left: 0;
  2015. }
  2016. .title .xinZengDuanNai_btn{
  2017. line-height: 0.56rem;
  2018. height: 0.71rem;
  2019. font-size: 0.55rem;
  2020. color: #fff;
  2021. border: none;
  2022. background: #2285e2;
  2023. outline: none;
  2024. margin-top: -0.05rem !important;
  2025. margin-left: 0.18rem !important;
  2026. }
  2027. .title p{
  2028. font-size: 0.32rem;
  2029. color: #fff;
  2030. }
  2031. .addFmWp_iscroll{
  2032. width: 100%;
  2033. overflow: hidden;
  2034. position: absolute;
  2035. background: #fff;
  2036. top:0;
  2037. bottom:0;
  2038. left:0;
  2039. }
  2040. .content{
  2041. width: 100%;
  2042. position: absolute;
  2043. }
  2044. .inputtxt{
  2045. height:0.8rem;
  2046. line-height: 0.8rem;
  2047. color: #262626;
  2048. border-bottom: 0.01rem solid #e2e2e2;
  2049. font-size: 0.28rem !important;
  2050. }
  2051. .inputtxt p{
  2052. font-size: 0.28rem !important;
  2053. color: #262626 !important;
  2054. }
  2055. .addWeanPartion_p{
  2056. margin-left: 0.4rem;
  2057. font-weight: bold;
  2058. }
  2059. .addWeaning_input{
  2060. width: 3.4rem !important;
  2061. height: 0.78rem !important;
  2062. line-height: 0.78rem !important;
  2063. font-size: 0.28rem !important;
  2064. display: inline-block !important;
  2065. float: right !important;
  2066. color:#aaaaaa !important;
  2067. border: none !important;
  2068. outline: none !important;
  2069. background: #fff !important;
  2070. text-align: right;
  2071. font-weight: normal;
  2072. padding:6px 12px;
  2073. }
  2074. .mui-btn-block{
  2075. margin-bottom: 0;
  2076. padding: 0;
  2077. }
  2078. .textIndent1{
  2079. text-indent: 0.25rem;
  2080. }
  2081. .textIndent2{
  2082. text-indent: 0.25rem;
  2083. }
  2084. .textIndent5{
  2085. width: 3rem !important;
  2086. }
  2087. .textIndent6{
  2088. text-indent: 0.3rem;
  2089. }
  2090. .textIndent7{
  2091. text-indent: 0.3rem;
  2092. }
  2093. .textIndent8{
  2094. width: 3rem !important;
  2095. text-indent: 0.3rem;
  2096. }
  2097. #footer{
  2098. width: 100%;
  2099. height: 1.4rem;
  2100. padding: 0.3rem 0;
  2101. background: #fff;
  2102. }
  2103. .sub,.subAdd{
  2104. float: left;
  2105. width: 2.4rem;
  2106. height: 0.7rem;
  2107. background-color: #29ce70;
  2108. color: #fff;
  2109. font-size: 0.35rem;
  2110. border-radius: 0.05rem;
  2111. border: none;
  2112. outline: none;
  2113. }
  2114. .sub{
  2115. margin-left: 0.52rem;
  2116. }
  2117. .subAdd{
  2118. margin-left: 0.6rem;
  2119. }
  2120. .record_header{
  2121. width: 100%;
  2122. height: 0.71rem;
  2123. line-height: 0.71rem;
  2124. font-weight: bold;
  2125. display: flex;
  2126. -webkit-justify-content: center;
  2127. justify-content: center;
  2128. -webkit-align-items: center;
  2129. align-items: center;
  2130. }
  2131. .record_header>.btn-group{
  2132. position: absolute;
  2133. left: 0.3rem;
  2134. }
  2135. .record_header>p{
  2136. font-size: 0.32rem;
  2137. color: #fff;
  2138. }
  2139. .topBg .btn-group .record_btn{
  2140. height: 0.71rem;
  2141. line-height: 0.5rem;
  2142. font-size: 0.55rem;
  2143. color: #fff;
  2144. border: none;
  2145. background: #2285e2;
  2146. outline: none;
  2147. margin-top: -0.05rem;
  2148. margin-left: -0.1rem !important;
  2149. }
  2150. .record_searchBox{
  2151. width: 100%;
  2152. height: 0.58rem;
  2153. line-height: 0.58rem;
  2154. background: #f0f0f0 !important;
  2155. margin: 0.15rem 0 0.15rem 0;
  2156. display: -webkit-box;
  2157. -webkit-box-pack: center;
  2158. }
  2159. .record_search{
  2160. position: absolute;
  2161. left: 1.05rem;
  2162. top: 0.165rem;
  2163. z-index: 100;
  2164. font-size: 0.24rem;
  2165. }
  2166. .record_inputBox{
  2167. width: 5rem;
  2168. height: 0.58rem;
  2169. }
  2170. .record_inputBox .record_input{
  2171. border-radius: 0.15rem !important;
  2172. height: 0.58rem;
  2173. color: #12528f;
  2174. font-size: 0.31rem;
  2175. box-shadow: none;
  2176. text-align: center;
  2177. }
  2178. .group_hiddenMsgBox .group_hiddenMsg .group_row{
  2179. margin-top: 0;
  2180. }
  2181. .group_iscroll{
  2182. width: 100%;
  2183. overflow: hidden;
  2184. background: #f0f0f0 !important;
  2185. position: absolute;
  2186. top:0;
  2187. bottom:0;
  2188. left: 0;
  2189. }
  2190. .group_iscroll .iscroll_content{
  2191. width: 100%;
  2192. position: absolute;
  2193. padding: 0 0.3rem;
  2194. }
  2195. .group_btn{
  2196. background: #fff !important;
  2197. color: #ccc !important;
  2198. border: none;
  2199. }
  2200. .group_row{
  2201. display: -webkit-box;
  2202. height: 0.5rem;
  2203. line-height: 0.5rem;
  2204. font-size: 0.3rem;
  2205. margin-top: 0.1rem;
  2206. }
  2207. .hiddenMsgBox_bom{
  2208. width: 100%;
  2209. display: block;
  2210. border: 0.05rem solid #fff;
  2211. }
  2212. .group_row div{
  2213. -webkit-box-flex: 1;
  2214. color: #454545;
  2215. }
  2216. .group_row div:nth-of-type(1){
  2217. margin-left: 0.25rem;
  2218. }
  2219. .group_row div:nth-of-type(2){
  2220. margin-right: 0.2rem;
  2221. color: #d1d1d1;
  2222. }
  2223. .group_row div:nth-of-type(6){
  2224. margin-right: 0.6rem;
  2225. }
  2226. .btn-group .group_btn{
  2227. font-size: 0;
  2228. }
  2229. .group_rowll>div:nth-last-child(1){
  2230. margin-top: 0;
  2231. }
  2232. .group_hiddenMsg{
  2233. width: 100%;
  2234. padding:0.05rem 0.1rem 0 0;
  2235. background: #fff;
  2236. margin-top: 0.1rem;
  2237. -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  2238. box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  2239. border-radius: 0.1rem;
  2240. }
  2241. .group_hiddenMsg .group_row div{
  2242. line-height: 0.5rem;
  2243. font-size: 0.2rem;
  2244. color: #646464;
  2245. padding: 0;
  2246. }
  2247. .stausBox{
  2248. padding-bottom: 0.1rem;
  2249. margin-bottom: 0.1rem;
  2250. }
  2251. .xgmsgbox{
  2252. width: auto;
  2253. position: absolute;
  2254. z-index: 999999;
  2255. background: #fff;
  2256. border-radius: 0.15rem;
  2257. left: 50%;
  2258. bottom: -9% !important;
  2259. display: none;
  2260. animation: bottomTop .5s;
  2261. -moz-animation: bottomTop .5s; /* Firefox */
  2262. -webkit-animation: bottomTop .5s; /* Safari 和 Chrome */
  2263. -o-animation: bottomTop .5s;
  2264. }
  2265. @keyframes bottomTop{
  2266. 0%{bottom: -20%;}
  2267. 100%{bottom: -9%;}
  2268. }
  2269. .cententUl>li{
  2270. width: 4.6rem;
  2271. height: 0.66rem;
  2272. line-height: 0.6rem;
  2273. text-align: center;
  2274. font-size: 0.32rem;
  2275. margin: 0.2rem 0.2rem;
  2276. color: #2285e2;;
  2277. }
  2278. .btmspan{
  2279. height: 0.02rem;
  2280. line-height: 0.02rem;
  2281. background: #ccc;
  2282. display: block;
  2283. }
  2284. .group_hiddenMsg .group_row .col-md-6{
  2285. padding-right: 0;
  2286. display: flex;
  2287. padding-left: 0rem;
  2288. width:50%;
  2289. }
  2290. .group_hiddenMsg>.group_row>.col-md-6>span{
  2291. width:1.5rem;
  2292. white-space: nowrap;
  2293. overflow: hidden;
  2294. text-overflow: ellipsis;
  2295. display: inline-block;
  2296. }
  2297. .liuc{
  2298. margin-left: 0.6rem;
  2299. }
  2300. .zhuanr{
  2301. margin-left: -0.58rem;
  2302. }
  2303. .shenhe{
  2304. height: 0.5rem;
  2305. line-height: 0.5rem;
  2306. text-align: center;
  2307. background: #2386e3;
  2308. font-size: 0.3rem;
  2309. color: #fff;
  2310. border-radius: 0.15rem;
  2311. margin-left: 0.8rem;
  2312. float: left;
  2313. padding: 0 0.1rem;
  2314. }
  2315. .ysbt{
  2316. height: 0.5rem;
  2317. line-height: 0.5rem;
  2318. text-align: center;
  2319. font-size: 0.3rem;
  2320. color: #575757;
  2321. border-radius: 0.15rem;
  2322. margin-left: 1rem;
  2323. margin-top: 0.1rem;
  2324. }
  2325. .productin_iscroll{
  2326. width: 100%;
  2327. overflow: hidden;
  2328. position: absolute;
  2329. top: 0;
  2330. bottom: 0;
  2331. left: 0;
  2332. }
  2333. .productin_iscroll_content{
  2334. width: 100%;
  2335. position: absolute;
  2336. }
  2337. #proControl_header{
  2338. width: 100%;
  2339. height: 0.71rem;
  2340. line-height: 0.71rem;
  2341. background: #2285e2;
  2342. font-weight: bold;
  2343. display: flex;
  2344. -webkit-justify-content: center;
  2345. justify-content: center;
  2346. -webkit-align-items: center;
  2347. align-items: center;
  2348. }
  2349. #proControl_header .proControl_btn_group{
  2350. position: absolute;
  2351. left: 0;
  2352. }
  2353. #proControl_header .proControl_btn_group .proControl_btn{
  2354. height: 0.71rem;
  2355. line-height: 0.5rem;
  2356. margin-left: 0.2rem !important;
  2357. margin-top: -0.04rem;
  2358. font-size: 0.55rem;
  2359. background: #2285e2;
  2360. border: none;
  2361. color: #fff;
  2362. }
  2363. #proControl_header p{
  2364. font-size: 0.32rem;
  2365. color: #fff;
  2366. }
  2367. #proControl_content{
  2368. width: 100%;
  2369. height: 100%;
  2370. background: #fff;
  2371. overflow: hidden;
  2372. }
  2373. #proControl_content div{
  2374. height:1.4rem;
  2375. border-bottom: 1px solid #b1b1b1;
  2376. padding-left: 0.4rem;
  2377. padding-right: 0.4rem;
  2378. }
  2379. #proControl_content div p{
  2380. height: 0.8rem;
  2381. line-height: 0.8rem;
  2382. color: #8c8c8c;
  2383. font-size: 0.32rem;
  2384. font-weight: bold;
  2385. display: flex;
  2386. align-items: center;
  2387. }
  2388. #proControl_content div span{
  2389. font-size: 0.26rem;
  2390. color: #171717;
  2391. font-weight: 600;
  2392. display: flex;
  2393. float: left;
  2394. align-items: center;
  2395. justify-content: center;
  2396. }
  2397. #proControl_content div span i{
  2398. width: 0.6rem;
  2399. height: 0.4rem;
  2400. display: inline-block;
  2401. vertical-align: middle;
  2402. }
  2403. .yellowPig{
  2404. background-position: -0.56rem -2.52rem ;
  2405. background-repeat: no-repeat;
  2406. background-image: url(../img/zhuanqunpig.png);
  2407. background-size:1200%;
  2408. }
  2409. .yellowFeiPig{
  2410. background-position: -2.91rem -2.55rem ;
  2411. background-repeat: no-repeat;
  2412. background-image: url(../img/zhuanqunpig.png);
  2413. background-size:1200%;
  2414. }
  2415. .bulePig{
  2416. background-position: -0.56rem -4.38rem ;
  2417. background-repeat: no-repeat;
  2418. background-image: url(../img/zhuanqunpig.png);
  2419. background-size:1200%;
  2420. }
  2421. .buleFeiPig{
  2422. background-position: -2.91rem -4.34rem ;
  2423. background-repeat: no-repeat;
  2424. background-image: url(../img/zhuanqunpig.png);
  2425. background-size:1200%;
  2426. }
  2427. .purplePig{
  2428. background-position: -0.56rem -6.3rem ;
  2429. background-repeat: no-repeat;
  2430. background-image: url(../img/zhuanqunpig.png);
  2431. background-size:1200%;
  2432. }
  2433. .purpleFeiPig{
  2434. background-position: -2.91rem -6.24rem ;
  2435. background-repeat: no-repeat;
  2436. background-image: url(../img/zhuanqunpig.png);
  2437. background-size:1200%;
  2438. }
  2439. .pinkPig{
  2440. background-position: -0.56rem -8.2rem ;
  2441. background-repeat: no-repeat;
  2442. background-image: url(../img/zhuanqunpig.png);
  2443. background-size:1200%;
  2444. }
  2445. .cyanPig{
  2446. background-position: -0.56rem -10.05rem ;
  2447. background-repeat: no-repeat;
  2448. background-image: url(../img/zhuanqunpig.png);
  2449. background-size:1200%;
  2450. }
  2451. .cyanFeiPig{
  2452. background-position: -2.91rem -9.85rem ;
  2453. background-repeat: no-repeat;
  2454. background-image: url(../img/zhuanqunpig.png);
  2455. background-size:1200%;
  2456. }
  2457. .cyanQuanPig{
  2458. background-position: -5.33rem -9.9rem ;
  2459. background-repeat: no-repeat;
  2460. background-image: url(../img/zhuanqunpig.png);
  2461. background-size:1200%;
  2462. }
  2463. .orangePuMian{
  2464. background-position: -0.56rem -12rem ;
  2465. background-repeat: no-repeat;
  2466. background-image: url(../img/zhuanqunpig.png);
  2467. background-size:1200%;
  2468. }
  2469. .orangePig{
  2470. background-position: -2.91rem -11.7rem ;
  2471. background-repeat: no-repeat;
  2472. background-image: url(../img/zhuanqunpig.png);
  2473. background-size:1200%;
  2474. }
  2475. .orangeFeiPig{
  2476. background-position: -5.33rem -11.7rem ;
  2477. background-repeat: no-repeat;
  2478. background-image: url(../img/zhuanqunpig.png);
  2479. background-size:1200%;
  2480. }
  2481. #proControl_content>div>span:nth-of-type(2){
  2482. position:absolute;
  2483. left: 40%;
  2484. }
  2485. #proControl_content>div>span:nth-of-type(3){
  2486. position:absolute;
  2487. left: 68%;
  2488. }
  2489. .span2{
  2490. margin-left: 0.1rem;
  2491. }
  2492. .span4{
  2493. margin-left: 0;
  2494. }
  2495. .ios .dw .dwbc{
  2496. height: 40px;
  2497. }
  2498. .col-xs-6, .col-sm-6, .col-lg-6 {
  2499. text-align: center !important;
  2500. }
  2501. /*公猪母猪信息*/
  2502. .gZXXBox {
  2503. padding: 0 0.5rem;
  2504. background: #f1f1f1;
  2505. border-bottom: 1px solid #ccc;
  2506. }
  2507. .gZXXBox>.row {
  2508. display: -webkit-box;
  2509. }
  2510. .gZXXBox>.row>div {
  2511. padding-left: 0.1rem !important;
  2512. width: 0.7rem;
  2513. line-height: 0.5rem;
  2514. color: #2285e2;
  2515. margin: 0.1rem 0;
  2516. font-size: 0.26rem;
  2517. text-align: left !important;
  2518. white-space: nowrap;
  2519. overflow: hidden;
  2520. text-overflow: ellipsis;
  2521. }
  2522. .gZdangan_iscroll {
  2523. width: 100%;
  2524. overflow: hidden;
  2525. background: #eeeeee;
  2526. position: absolute;
  2527. top: 0;
  2528. bottom: 0;
  2529. left: 0;
  2530. }
  2531. section>.gZcontainer {
  2532. width: 100%;
  2533. position: absolute;
  2534. padding-left: 0;
  2535. padding-right: 0;
  2536. }
  2537. .gZdangan_iscroll>.gZcontainer>.row {
  2538. display: -webkit-box;
  2539. }
  2540. .gZdangan_iscroll>.gZcontainer>.rowll {
  2541. display: -webkit-box;
  2542. -webkit-box-align: center;
  2543. height: 0.65rem;
  2544. padding-left: 0.5rem;
  2545. border-bottom: 1px solid #ccc;
  2546. background: #97cbff;
  2547. color: #000;
  2548. }
  2549. .gZdangan_iscroll>.gZcontainer>.rowll div {
  2550. margin-bottom: 0 !important;
  2551. margin-top: 0 !important;
  2552. text-align: left;
  2553. padding: 0;
  2554. font-size: 0.26rem;
  2555. font-weight: bold;
  2556. }
  2557. .gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group{
  2558. height: 0.15rem;
  2559. }
  2560. .gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group>.dropdown-toggle{
  2561. background: #F0F8FF !important;
  2562. color: #ccc !important;
  2563. }
  2564. .gZdangan_iscroll>.gZcontainer>.rowll>.col-md-2>.btn-group>.dropdown-toggle>.caret{
  2565. margin-bottom: 0.03rem;
  2566. margin-left: 0 !important;
  2567. }
  2568. .gZXXhiddenMsg {
  2569. padding: 0 0.2rem;
  2570. background: #ecf5ff;
  2571. border-bottom: 1px solid #ccc;
  2572. }
  2573. .gZXXhiddenMsg>.row {
  2574. display: -webkit-box;
  2575. }
  2576. .gZXXhiddenMsg>.row>.col-md-6 {
  2577. width:50%;
  2578. }
  2579. .gZXXhiddenMsg>.row>div {
  2580. line-height: 0.4rem;
  2581. color: #000;
  2582. margin: 0.1rem 0;
  2583. font-size: 0.24rem;
  2584. white-space: nowrap;
  2585. overflow: hidden;
  2586. text-overflow: ellipsis;
  2587. padding-left: 0.3rem !important;
  2588. }
  2589. .gZXXhiddenMsg>.row>.hbgzsbg{
  2590. text-align: center;
  2591. padding-left:0 !important;
  2592. }
  2593. .gZXXhiddenMsgBox>.rowll {
  2594. display: -webkit-box;
  2595. }
  2596. .gZXXhiddenMsgBox>.rowll{
  2597. border-bottom: 1px solid #ccc;
  2598. padding-left: 0.5rem;
  2599. margin-top: 0;
  2600. background: #97cbff;
  2601. }
  2602. .gZXXhiddenMsgBox>.gZXXhiddenMsg>.row>.col-md-6{
  2603. padding-right: 0 !important;
  2604. }
  2605. .gZXXhiddenMsgBox>.rowll div {
  2606. height: 0.3rem;
  2607. line-height: 0.3rem;
  2608. margin-bottom: 0.15rem;
  2609. margin-top: 0.15rem;
  2610. text-align: left;
  2611. padding: 0;
  2612. font-size: 0.26rem;
  2613. background: #97cbff;
  2614. font-weight: bold;
  2615. }
  2616. .gZXXhiddenMsgBox>.rowll>.col-md-2>.btn-group>.dropdown-toggle{
  2617. height: 0;
  2618. }
  2619. .gZXXhiddenMsg>.row>.col-md-3>img {
  2620. width: 0.4rem;
  2621. height: 0.4rem;
  2622. }
  2623. .gZcontainer>.rowll>.dropdownBtn{
  2624. margin: 0 !important;
  2625. }
  2626. .addColor{
  2627. background: #c4e1ff !important;
  2628. }
  2629. .gZdangan_iscroll>.gZcontainer>.gZXXhiddenMsgBox>.gZXXhiddenMsg>.table>tbody{
  2630. font-size: 0.21rem;
  2631. }
  2632. .gZdangan_iscroll>.gZcontainer>.gZXXhiddenMsgBox>.gZXXhiddenMsg>.table>tbody>.info>td{
  2633. padding: 0.15rem 0.1rem;
  2634. }
  2635. .mzCentent{
  2636. background: #ecf5ff;
  2637. position: relative;
  2638. }
  2639. .mzCentent>.group_rowll{
  2640. margin-top: 0;
  2641. }
  2642. .mzCentent>.group_rowll>.col-md-1{
  2643. margin-right: 0;
  2644. }
  2645. .mzCentent>.group_rowll>.col-md-1>.span1{
  2646. display: block;
  2647. position: absolute;
  2648. left: 0.5rem;
  2649. margin-right: 0;
  2650. height: 0.5rem;
  2651. width: 0.05rem;
  2652. background: #e8e8e8;
  2653. }
  2654. .mzCentent>.group_rowll>.col-md-1>.span2{
  2655. margin-left: 0;
  2656. display: block;
  2657. position: absolute;
  2658. top: 0.05rem;
  2659. left: -0.1rem;
  2660. height: 0.4rem;
  2661. width: 0.4rem;
  2662. border-radius: 50%;
  2663. }
  2664. .mzCentent>.group_rowll>.col-md-1>.span3{
  2665. display: block;
  2666. position: absolute;
  2667. left: -0.05rem;
  2668. top: 0.1rem;
  2669. margin-right: 0;
  2670. height: 0.3rem;
  2671. width: 0.3rem;
  2672. border-radius: 50%;
  2673. }
  2674. .mzCentent>.group_rowll>.col-md-1>.span4{
  2675. display: block;
  2676. position: absolute;
  2677. top: 0.05rem;
  2678. left: -0.05rem;
  2679. height: 0.35rem;
  2680. line-height: 0.35rem;
  2681. width: 1.2rem;
  2682. border-radius: 0.15rem;
  2683. }
  2684. .mzCentent>.group_rowll>.col-md-1>.span5{
  2685. display: block;
  2686. position: absolute;
  2687. top: 0.05rem;
  2688. left: -0.05rem;
  2689. width: 1.5rem;
  2690. height: 0.35rem;
  2691. line-height: 0.35rem;
  2692. border-radius: 0.15rem;
  2693. }
  2694. .mzCentent>.group_rowll>div{
  2695. font-size: 0.22rem;
  2696. }
  2697. .kongbai{
  2698. background: #fff;
  2699. height: 0.05rem;
  2700. }
  2701. .kongbai>span{
  2702. display: block;
  2703. position: absolute;
  2704. left: 0.665rem;
  2705. margin-right: 0;
  2706. height: 0.05rem;
  2707. width: 0.05rem;
  2708. background: #e8e8e8;
  2709. }
  2710. }