bjquanjiang
/
DigitalScholl
1
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
1815 Commits
27 Branches
925 MiB
 
 
 
 
 
 
Tag: 8711a77650
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de 8711a77650
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Mobile/www/pages/attendance/attendance.css

1245 linhas
24 KiB
Original Anotar Histórico 

  1. .attendBox{

  2. 	margin-top: 10px;

  3. 	background: #fff;

  4. 	padding: 20px 12px;

  5. 	display: none;

  6. }

  7. .attendBoxT{

  8. 	font-size: 15px;

  9. 	color: #0089FE;

  10. }

  11. .attendBoxTime{

  12. 	position: relative;

  13. }

  14. .attendBoxTime:before{

  15. 	    content: '';

  16.     position: absolute;

  17.     left: 12px;

  18.     top: -17px;

  19.     width: 1px;

  20.     height: 143px;

  21.     background: #CBD1D4;

  22. }

  23. .attendCon{

  24. 	position: relative;

  25. 	margin-top: 20px;

  26. 	padding-left: 30px;

  27. }

  28. .attendConT{

  29. 	font-size: 15px;

  30. 	color: #6E6E6E;

  31. }

  32. .attendConT span{

  33. 	color: #9E9E9E;

  34. 	margin-left: 5px;

  35. }

  36. .attendConTxt{

  37. 	font-size: 13px;

  38. 	color: #9E9E9E;

  39. 	margin: 10px 0;

  40. }

  41. .attendConTxt img{

  42. 	width: 10px;

  43.     margin-right: 5px;

  44.     position: relative;

  45.     top: 1px;

  46. }

  47. .attendConStatus{

  48. 	height: 24px;

  49. 	line-height: 24px;

  50. 	padding: 0 10px;

  51. 	font-size: 13px;

  52. 	color: #fff;

  53. 	display: inline-block;

  54. 	border-radius: 12px;

  55. }

  56. .attendConStatus1{

  57. 	background: #0089FE;

  58. }

  59. .attendConStatus2{

  60. 	background: #F3C84E;

  61. }

  62. .attendCircular{

  63. 	position: absolute;

  64. 	top: 0;

  65. 	left: 0;

  66. 	width: 24px;

  67. 	height: 24px;

  68. 	border-radius: 50%;

  69. 	text-align: center;

  70. 	line-height: 24px;

  71. 	font-size: 15px;

  72. 	color: #fff;

  73. 	background: #CBD1D4;

  74. }

  75. 

  76. 

  77. 

  78. 

  79. 

  80. 

  81. .cour-box{

  82. 	padding: 0 12px;

  83. 	background: #fff;

  84. }

  85. .kebiao{

  86. 	background: #fff;

  87. }

  88. 

  89. .header{ width: 100%;}

  90. .content{ background: #FFFFFF;}

  91. .mui-card-header{ color: #38ADFF; font-size: 15px;}

  92. .span2{ padding-right: 0px; float: right;}

  93. .f34 {

  94.     font-size: 17px;

  95. }

  96. .mui-card {

  97.     margin: 10px 0;

  98.     border-radius: 0px;

  99.      background-clip: padding-box; 

  100.      box-shadow: 0 1px 2px rgba(0,0,0,0); 

  101.          background: transparent;

  102. }

  103. 

  104. .mui-card li{

  105. 	padding: 10px 20px;

  106. 	border-radius: 35px;

  107. 	margin-top: 10px;

  108. }

  109. .mui-card li:first-child{

  110. 	margin-top: 15px;

  111. }

  112. .mui-card li:nth-child(2n){

  113. 	background: #E96B6B;

  114. }

  115. .mui-card li:nth-child(2n - 1){

  116. 	background: #D74C4C;

  117. }

  118. .cTitle{

  119. 	font-size: 16px;

  120. 	color: #fff;

  121. }

  122. .cTxt{

  123. 	overflow: hidden;

  124. 	font-size: 13px;

  125. 	margin-top: 7px;

  126. 	color: #ffbbbb;

  127. 	text-align: right;

  128. }

  129. .cTxt span{

  130. 	color: #ffbbbb;

  131. }

  132. 

  133. 

  134. 

  135. 

  136. 

  137. 

  138. 

  139. 

  140. 

  141. 

  142. 

  143. 

  144. 

  145. 

  146. 

  147. /* CSS Document */

  148. @charset "utf-8";

  149. .grid{

  150. 	width: 94%;

  151. 	margin: 0 auto;

  152. }

  153. .header-main{

  154.     width: 100%;

  155.     top: 0;

  156.     left: 0;

  157.     z-index: 10;

  158. }

  159. .header{

  160. 	/* background: #f9f7f6; */

  161. 	height: 44px;

  162. 	/* border-bottom: 1px solid #E8E8E8; */

  163. 	width: 94%;

  164. 	padding: 0 3%;

  165. 	display: flex;

  166. 	display: -webkit-flex;

  167. 	display: -ms-flexbox;

  168. 	flex-wrap: wrap;

  169. 	align-items: center;

  170. 	color: #383838;

  171. 	/* position: fixed;

  172.     top: 0;

  173.     left: 0;

  174.     z-index: 10;*/

  175. }

  176. .header .child.return{

  177. 	display: flex;

  178.     display: -webkit-flex;

  179.     display: -ms-flexbox;

  180.     justify-content: flex-start;

  181.     flex: 0; 

  182. 	-ms-flex: 0;

  183. 	-webkit-flex: 0;

  184.     flex-grow: 0;

  185.     flex-shrink: 0;

  186.     flex-basis: 20%;

  187. }

  188. .header .child.return i{

  189.    

  190.     width: 6px;

  191.     height: 10px;

  192.     background: url(../images/BACK.png) no-repeat;

  193.     background-size: cover;

  194.     

  195. }

  196. .header .child.date{

  197. 	display: flex;

  198.     display: -webkit-flex;

  199.     display: -ms-flexbox;

  200.     justify-content:center;

  201.     align-items: center;

  202.     flex: 0;

  203. 	-ms-flex: 0;

  204. 	-webkit-flex: 0;

  205.     flex-grow: 0;

  206.     flex-shrink: 0;

  207.     flex-basis: 60%;

  208. }

  209. .header .child.date i{

  210. 	display: inline-block;

  211.    width: 4px;

  212.    height: 2px;

  213.    background: url(../images/calendar_bottom.png) no-repeat;

  214.    background-size: cover;

  215.    margin-left: 5px;

  216. }

  217. .header .child.almanac{

  218. 	display: flex;

  219.     display: -webkit-flex;

  220.     display: -ms-flexbox;

  221. 	justify-content: flex-end;

  222. 	flex: 0;

  223. 	-ms-flex: 0;

  224. 	-webkit-flex: 0;

  225.     flex-grow: 0;

  226.     flex-shrink: 0;

  227.     flex-basis: 20%;

  228. 

  229. }

  230. 

  231. .share img{

  232. 	width: 15px;

  233.     height: 15px;

  234.     vertical-align: middle;

  235. }

  236. 

  237. 

  238. /*start day*/

  239. .content{

  240. 

  241. /*    padding-top: 1.49rem;

  242. */}

  243. .day{

  244. 	height: 68px;

  245. 	/* background:#f9f7f6; */

  246. 	color: #333333;

  247. }

  248. .day .grid{

  249. 	width: 94%;

  250.     height: 100%;

  251.     padding: 0 3%;

  252.     display: flex;

  253.     display: -webkit-flex;

  254.     display: -ms-flexbox;

  255.     align-items: center;

  256. }

  257. .day-left {

  258. 	display: flex;

  259.     display: -webkit-flex;

  260.     display: -ms-flexbox;

  261.     flex: 0;

  262.     flex-grow: 0;

  263.     flex-shrink: 0;

  264.     flex-basis: 56%;

  265.     -webkit-flex: 0;

  266.     -webkit-flex-grow: 0;

  267.     -webkit-flex-shrink: 0;

  268.     -webkit-flex-basis: 56%;

  269. }

  270. .day-right {

  271.     display: flex;

  272.     display: -webkit-flex;

  273.     display: -ms-flexbox;

  274.     flex: 0;

  275.     flex-grow: 0;

  276.     flex-shrink: 0;

  277.     flex-basis: 44%;

  278.     -webkit-flex: 0;

  279.     -webkit-flex-grow: 0;

  280.     -webkit-flex-shrink: 0;

  281.     -webkit-flex-basis: 44%;

  282.     align-items: center;

  283.     justify-content: flex-end;

  284.     -webkit-justify-content: flex-end;

  285.     -ms-justify-content: flex-end;

  286. }

  287. .day-left h1{

  288. 	

  289. font-size: 55px;

  290. 	

  291. padding-right: 4px;

  292. 	

  293. color: #D74C4C;

  294. }

  295. .day-left .top-contrl p{

  296. 	    display: flex;

  297. 	    display: flex;

  298. 	    display: -webkit-flex;

  299. 	    align-items: center;

  300. 	    flex-wrap: wrap;

  301. 	    -webkit-align-items: center;

  302. 	    -webkit-flex-wrap: wrap;

  303. 	    margin-top: 5px;

  304. 	    margin-bottom: 5px;

  305. 	    color: #D74C4C;

  306. }

  307. .top-contrl p span{

  308.      width: 5px;

  309.     height: 4px;

  310.     background: url(../images/cotrl-bottom.png) no-repeat;

  311.     background-size: cover;

  312.    /* margin-left: .1rem;*/

  313. 

  314. }

  315. .top-contrl i{

  316.        font-size: 14px;

  317.        white-space: nowrap;

  318.        overflow: hidden;

  319.        text-overflow: ellipsis;

  320.        color: #D74C4C;

  321. }

  322. .day-left p em{

  323. 	font-size: 12px;

  324. 	color: #D74C4C;

  325. }

  326. .day-left p i{

  327. 	margin-top: 1px;

  328.     display: block;

  329.     font-size: 14px;

  330. }

  331. /*.day-right{

  332. 	float: right;

  333. 	height: 100%;

  334. }*/

  335. .day-right .yun {

  336. 	height: 100%;

  337. 	margin-right: 20px;

  338. 	display: flex;

  339.     display: -webkit-flex;

  340.     display: -ms-flexbox;

  341.     align-items: center;

  342.     -webkit-align-items: center;

  343. }

  344. .day-right .yun span{

  345.     display: inline-block;

  346.     width: 35px;

  347.     height: 35px;

  348.     line-height: 30px;

  349.     text-align: center;

  350.     border: 2px solid #fff;

  351.     border-radius: 50%;

  352.     margin-left: 8px;

  353.     /*align-self:center;*/

  354. }

  355. .note{

  356. 	width: 100%;

  357. 	height: 68px;

  358. 	border-bottom: 1px solid #ddd;

  359.     background: #fff;

  360. }

  361. .note .grid{

  362. 	padding: 12px 0;

  363. 	display: flex;

  364.     display: -webkit-flex;

  365.     display: -ms-flexbox;

  366.     flex-wrap: wrap;

  367.     justify-content: space-between;

  368. }

  369. .note .grid .note-left{

  370.     flex: 0;

  371.     flex-grow: 0;

  372.     flex-shrink: 0;

  373.     flex-basis: 75%;

  374.     white-space: nowrap;

  375.     overflow: hidden;

  376.     text-overflow: ellipsis;

  377. }

  378. .note .grid .note-right{

  379. 	display: flex;

  380.     display: -webkit-flex;

  381.     display: -ms-flexbox;

  382.     align-items: center;

  383.     flex: 0;

  384.     flex-grow: 0;

  385.     flex-shrink: 0;

  386.     flex-basis: 25%;

  387.     justify-content: flex-end;

  388.     color: #333;

  389. }

  390. .note .grid .note-right i{

  391. 	width: 4px;

  392.     height: 13px;

  393.     background: url(../images/calendar_arrow_right.png) no-repeat;

  394.     background-size: cover;

  395.     margin-left: 6px;

  396.    

  397. }

  398. .note .grid .note-left p{

  399. 	width: 100%;

  400.     font-size: 14px;

  401.     line-height: 1.6;

  402.     color: #333;

  403.     white-space: nowrap;

  404.     overflow: hidden;

  405.     text-overflow: ellipsis;

  406. }

  407. .note .grid .note-left p.yi i{

  408.    color: #06b5f8;

  409. }

  410. .note .grid .note-left p.ji i{

  411.    color: #ec5252;

  412. }

  413. .week ul{

  414. 	    width: 98%;

  415.     padding: 0 1%;

  416.     display: flex;

  417.     display: -webkit-flex;

  418.     display: -ms-flexbox;

  419.     height: 24px;

  420. }

  421. .week ul li{

  422.     display: flex;

  423.     display: -webkit-flex;

  424.     display: -ms-flexbox;

  425.     flex: auto;

  426.     -ms-flex: auto;

  427.     -webkit-flex: auto;

  428.     justify-content: center;

  429.     align-items: center;

  430.     font-size: 13px;

  431. }

  432. .tables{

  433. 	font-size: 14px;

  434. 	color: #666;

  435. 	font-family:"微软雅黑";

  436.     display: flex;

  437.     display: -webkit-flex;

  438.     display: -ms-flexbox;

  439. }

  440. .tables tbody{

  441.     width: 100%;

  442. }

  443. .tables tbody tr{

  444.     width: 98%;

  445.     padding: 0 4px;

  446.     display: flex;

  447.     display: -webkit-flex;

  448.     display: -ms-flexbox;

  449.     flex-wrap: wrap;

  450.     -webkit-flex-wrap: wrap;

  451. }

  452. .tables tbody tr td{

  453.     border: 2px solid #fff;

  454.     flex: 0;

  455.     flex-grow: 0;

  456.     flex-shrink: 0;

  457.     flex-basis: 14.2%;

  458.     justify-content: center;

  459.     padding: 2px 0;

  460.     position: relative;

  461.     line-height: 32px;

  462. }

  463. .tables tbody tr td.active i:after{

  464. 	content: '';

  465. 	position: absolute;

  466. 	width: 7px;

  467. 	height: 7px;

  468. 	background: #ccc;

  469. 	border-radius: 50%;

  470. 	right: -3px;

  471. 	top: 40%;

  472. 	z-index: 20;

  473. }

  474. 

  475. 

  476. .tables tbody tr td.yellow i:after{

  477. 	background: #F3C84E;

  478. }

  479. .tables tbody tr td.green i:after{

  480. 	background:#8FC185 ;

  481. }

  482. .tables tbody tr td.blue i:after{

  483. 	background:#7A9AE2 ;

  484. }

  485. .tables .list i font{

  486. 	color: #000;

  487. }

  488. .tables .list i{

  489. 	display: flex;

  490. 	display: -webkit-flex;

  491. 	display: -ms-flexbox;

  492. 	font-size: 16px;

  493. 	justify-content: center;

  494. 	color: #000;

  495. 	width: 32px;

  496. 	height: 32px;

  497. 	border-radius: 50%;

  498. 	position: relative;

  499. 	line-height: 32px;

  500. 	    margin-left: 50%;

  501.     transform: translateX(-50%);

  502.     -webkit-transform: translateX(-50%);

  503. }

  504. .tables .list em{

  505. 	display: flex;

  506.     display: -webkit-flex;

  507.     display: -ms-flexbox;

  508.     font-size: 12px;

  509.     justify-content: center;

  510. 

  511. }

  512. .swiper-slide table tr{

  513. 	    text-align: center;

  514. 	    height: 42px;

  515. 	    margin-bottom: 5px;

  516. }

  517. tr .not_this{

  518. 	color: #ccc !important;

  519. }

  520. .today i{

  521. 	background: #DFF0FF ;

  522. 	color: #000!important;

  523. 	border-radius: 50%;

  524. }

  525. .xuanzhong i{

  526. 	height: 50px;

  527. 	background: #0C86D8 !important;

  528. 	border-radius: 50%;

  529. 	color: #fff!important;

  530. }

  531. .xuanzhong font,.xuanzhong i{

  532. 	color: #fff!important;

  533. }

  534. tr td:first-child{color: #f00;}

  535. tr td:last-child{color: #f00;}

  536. 

  537. td{position: relative;}

  538. td .fangjia{

  539. 

  540.     display: block;

  541.     width: 7px;

  542.     height: 7px;

  543.     background: url(../images/calendar_img_relax.png) no-repeat;

  544.     background-size: contain;

  545.     position: absolute;

  546.     right: 0;

  547.     top: 0; 

  548. 

  549. }

  550. td .shangban{

  551. 	display: block;

  552.     width: 7px;

  553.     height: 7px;

  554.     background: url(../images/calendar_img_work.png) no-repeat;

  555.     background-size: contain;

  556.     position: absolute;

  557.     right: 0;

  558.     top: 0; 

  559. }

  560. 

  561. /*******弹窗******/

  562. .prorup{

  563. 	width: 100%;

  564.     height: 100%;

  565.     background: #000;

  566.     position: fixed;

  567.     top: 0;

  568.     left: 0;

  569.     z-index: 12;

  570.     opacity: 0.4;

  571.     display: none;

  572. }

  573. .layer{

  574. 	position: fixed;

  575.     width: 94%;

  576.     top: 63px;

  577.     left: 50%;

  578.     margin-left: -47%;

  579.     z-index: 14;

  580.     display: none;

  581. }

  582. .layer .san{

  583. 	width: 100%;

  584. 	display: block;

  585.     height: 7px;

  586. }

  587. .layer .san i{

  588. 	display: inherit;

  589. 	width: 0;

  590.     height: 0;

  591.     border-left: 3px solid transparent;

  592.     border-right: 3px solid transparent;

  593.     border-bottom: 4px solid #fff;

  594.     float: right;

  595.     margin-right: 30px;

  596. }

  597. .layer .jia{

  598.   width: 100%;

  599.   background: #fff;

  600.   border-radius: 8px;

  601. }

  602. .jia ul{

  603. 	    width: 100%;

  604.     display: flex;

  605.     display: -webkit-flex;

  606.     display: -ms-flexbox;

  607.     flex-wrap: wrap;

  608. }

  609. .jia ul li{

  610. 	height: 54px;

  611.     float: left;

  612.     text-align: center;

  613.     color: #333;

  614.     flex: 0;

  615.     flex-grow: 0;

  616.     flex-shrink: 0;

  617.     flex-basis: 49.8%;

  618. }

  619. .jia ul li:first-of-type{

  620. 	border: 0;

  621. }

  622. .jia ul li:nth-child(2n){

  623.     border-bottom: 1px solid #eee;

  624. }

  625. .jia ul li:nth-child(2n+1){

  626.     border-right: 1px solid #eee;

  627.     border-bottom: 1px solid #eee;

  628. }

  629. 

  630. .jia ul li span{

  631. 	display: block;

  632. 	font-size: 14px;

  633. 	margin-top: 8px;

  634. 

  635. }

  636. .jia ul li em{

  637. 	font-size: 12px;

  638. }

  639. 

  640. .jie{

  641. 	position: fixed;

  642. 	width: 94%;

  643. 	top: 63px;

  644. 	left: 50%;

  645.     margin-left: -47%;

  646.     z-index: 14;

  647.     display: none;

  648. }

  649. .jie .san{

  650. 	width: 100%;

  651. 	display: block;

  652.     height: 7px;

  653.     position: relative;

  654. }

  655. .jie .san i{

  656. 	display: inherit;

  657. 	width: 0;

  658.     height: 0;

  659.     border-left: 3px solid transparent;

  660.     border-right: 3px solid transparent;

  661.     border-bottom: 4px solid #fff;

  662.     position: absolute;

  663.     right: 0;

  664.     top: 0;

  665.     margin-right: 5px;

  666. }

  667. .jie .solar{

  668. 	width: 100%;

  669. 	background: #fff;

  670. 	border-radius: 8px;

  671. }

  672. .jie .solar .solar-title{

  673. 	height: 25px;

  674. 	text-align: center;

  675. 	color: #ec5252;

  676. 	line-height: 25px;

  677. }

  678. .solar ul{

  679. 	width: 100%;

  680. }

  681. .solar ul li{

  682. 	float: left;

  683. 	width: 24.7%;

  684. 	text-align: center;

  685. 	line-height: 40px;

  686. 	font-size: 14px;

  687. 	color: #333;

  688. 	border-top: 1px solid #eee;

  689. 	border-right: 1px solid #eee;

  690. }

  691. .solar ul li:nth-child(4){

  692. 	border-right: 0;

  693. }

  694. .solar ul li:nth-child(8){

  695. 	border-right: 0;

  696. }

  697. .solar ul li:nth-child(12){

  698. 	border-right: 0;

  699. }

  700. .solar ul li:nth-child(16){

  701. 	border-right: 0;

  702. }

  703. .solar ul li:nth-child(20){

  704. 	border-right: 0;

  705. }

  706. .solar ul li:nth-child(24){

  707. 	border-right: 0;

  708. }

  709. 

  710. .dibu{

  711.     height: 50px;

  712.     width: 100%;

  713. }

  714. .footer ul{

  715.     width: 100%;

  716.     position: fixed;

  717.     bottom: 0;

  718.     left: 0;

  719.     z-index: 10;

  720.     display: flex;

  721.     display: -webkit-flex;

  722.     display: -ms-flexbox;

  723.     height: 49px;

  724.     border-top: 1px solid #e3e3e3;

  725.     background: #fff;

  726. }

  727. .footer ul li{

  728.     display : flex; 

  729.     display: -webkit-flex;

  730.     display: -ms-flexbox;

  731.     flex: auto;

  732.     -ms-flex: auto;

  733.     -webkit-flex: auto;

  734.     align-items: center;

  735.     position: relative;

  736. }

  737. .footer ul li a{

  738.     width: 100%;

  739.      display : flex;

  740.     display: -webkit-flex;

  741.     display: -ms-flexbox;

  742.     flex-wrap: wrap;

  743.     justify-content: center;

  744. }

  745. .footer ul li:nth-child(1) a i{

  746.     display: inline-block;

  747.     width: 11px;

  748.     height: 11px;

  749.     background:url(../images/btn_calendar_selected.png) no-repeat;

  750.     background-size: cover;

  751. }

  752. .footer ul li:nth-child(2) a i{

  753.    display: inline-block;

  754.     width: 11px;

  755.     height: 11px;

  756.     background:url(../images/btn_huangli.png) no-repeat;

  757.     background-size: cover;

  758. }

  759. 

  760. .footer ul li a em{

  761.      display : flex;

  762.      display: -webkit-flex;

  763.     display: -ms-flexbox;

  764.     width: 100%;

  765.     justify-content: center;

  766.     margin-top: 4px;

  767. }

  768. .footer ul li:nth-child(1) a{

  769.     color: #ec5252;

  770. }

  771. .footer ul li:nth-child(1):before{

  772.     content: " ";

  773.    position: absolute;

  774.    right: 0;

  775.    top: 15%;

  776.    height: 70%;

  777.    background: #e3e3e3;

  778.    width: 1px;

  779. 

  780. }

  781. 

  782. /*弹窗*/

  783. .tc{

  784.     width: 100%;

  785.     height: 100%;

  786.     background: rgba(0,0,0,0.4);

  787.     position: fixed;

  788.     top: 0;

  789.     left: 0;

  790.     bottom: 0;

  791.     z-index: 12;

  792.     display: none;

  793. }

  794. .tc-innner{

  795.     background: #fff;

  796.     width: 80%;

  797.     height: 305px;

  798.     position: fixed;

  799.     top: 50%;

  800.     margin-top: -153px;

  801.     left: 10%;

  802.     /* margin: 75px 0 0 -75px; */

  803.     z-index: 14;

  804.     border-radius: 4px;

  805.     overflow: hidden;

  806.     display: none;

  807. }

  808. 

  809. .tc-innner h2{height: 50px;width: 100%; box-sizing: border-box;padding: 0 7px;font-size: 14px;color: #ec5252;line-height: 50px;    font-weight: normal;}

  810. .title-right{float: right;width: 55px;height: 24px;border: 1px #ec5252 solid;box-sizing: border-box; border-radius: 10px;margin-top: 6px;overflow: hidden;}

  811. .title-right .zblck{width: 50%;height: 100%;color: #ec5252;font-size: 14px;line-height: 22px;text-align: center;float: left;}

  812. .title-right .active{background: #ec5252;color: #fff;}

  813. .current-time{text-align: center;height: 32px;line-height: 32px;font-size: 14px;color: #666;}

  814. .swiper-box{height: 160px;margin: 0 7px;box-sizing: border-box; margin-top: 5px;position: relative;}

  815. .swiper-box i{width: 100%;height: 1px;background: #e3e3e3;display: block;position: absolute;left: 0;}

  816. .swiper-box .i1{top: 0;}

  817. .swiper-box .i2{top: 53px;}

  818. .swiper-box .i3{top: 100px;}

  819. 

  820. 

  821. .swiper-box-li{width: 33%;float: left;text-align: center;overflow: hidden;}

  822. .nbxs{height: 160px;}

  823. .nbxs .swiper-slide{height: 53px;line-height: 53px;}

  824. .nbxs .swiper-slide-active{color: #ec5252;}

  825. 

  826. .tc-bot{height: 50px;border-top: 1px #e3e3e3 solid;position: relative;}

  827. .tc-bot>div{float: left;width: 50%;line-height: 50px;font-size: 14px;text-align: center;} 

  828. .tc-bot-left{color: #999;}

  829. .tc-bot-right{color: #ec5252;}

  830. .tc-bot i{display: block;width: 1px;height: 20px;background: #e3e3e3;position: absolute;top: 14px;left: 50%;margin-left: 1px;}

  831. 

  832. 

  833. 

  834. 

  835. /*loading*/

  836. .loading{width: 76px;height:115px;position:relative;top: 50%;left: 50%;background: rgba(0,0,0,0.8);border-radius: 6px; margin-left: -38px;z-index: 9999999999999999999999999999;}

  837. .loading-bj{background: url(../images/loading.png);width: 18px;height: 18px;background-size: 18px;margin: 30px auto 0;animation:rotateIn 1s .2s linear infinite;-moz-animation:rotateIn 1s .2s linear infinite;-webkit-animation:rotateIn 1s .2s linear infinite;}

  838. .loading p{color:#fff;font-size: 14px;text-align: center;margin-top: 10px;}

  839. 

  840. @-webkit-keyframes rotateIn{

  841. 0%{transform: rotate(0)}

  842. 100%{transform: rotate(360deg)}

  843. }

  844. @-moz-keyframes rotateIn{

  845. 0%{transform: rotate(0)}

  846. 100%{transform: rotate(360deg)}

  847. }

  848. 

  849. .reduction-bj{background: url(../images/reduction.png);width: 18px;height: 18px;background-size: 18px;margin: 30px auto 0;}

  850. .jg{background: url(../images/jg.png); background-size: 18px; }

  851. 

  852. 

  853. .back2{background:url(../images/back.png) center no-repeat;background-size: 6px 10px;}

  854. .week ul li a{

  855. 	color: #999;

  856. }

  857. 

  858. .tables .list.today i,.tables .list.today i font{

  859. 	color: #fff;

  860. }

  861. 

  862. /* CSS Document */

  863. @charset "utf-8";

  864. *{

  865.     padding: 0;

  866.     margin: 0;

  867.     /*border: 0;*/

  868.     -webkit-tap-highlight-color: transparent;

  869.         -moz-tap-highlight-color: transparent;

  870.         -ms-tap-highlight-color: transparent;

  871.         -o-tap-highlight-color: transparent;

  872.         tap-highlight-color: transparent;

  873.       

  874. }

  875. *:not(input,textarea) {

  876.     -webkit-touch-callout: none;

  877.     -webkit-user-select: none;

  878. }

  879. 

  880. /*移动端*/

  881. html{font-size: 625%; font-size: 100px; }

  882. body{font-size: 0.16rem;} 

  883. body{  font-family:Arial,"Microsoft Yahei","微软雅黑";-webkit-font-smoothing: antialiased;}

  884. 

  885. html,body{

  886.     height: 100%;

  887. }

  888. blockquote, body, dd, dir, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, input[type=checkbox], input[type=radio], input[type=range], listing, menu, ol, p, plaintext, pre, ul, xmp {

  889.     margin: 0;

  890. }

  891. 

  892. button, dir, fieldset, input, input[type=button], input[type=checkbox], input[type=file], input[type=hidden], input[type=image], input[type=password], input[type=radio], input[type=range], input[type=reset], input[type=search], input[type=submit], isindex, legend, menu, ol, textarea, ul {

  893.     padding: 0;

  894. }

  895. 

  896. html * {

  897.     outline: 0;

  898.     -webkit-text-size-adjust: none;

  899.     -webkit-tap-highlight-color: transparent;

  900. }

  901. 

  902. input, select, textarea {

  903.     -webkit-tap-highlight-color: transparent;

  904.     -webkit-appearance: none;

  905.     border: 0;

  906.     border-radius: 0

  907. }

  908. input[type=number]::-webkit-inner-spin-button,

  909. input[type=number]::-webkit-outer-spin-button {

  910.     -webkit-appearance: none;

  911.     margin: 0;

  912. }

  913. button, input, select {

  914.     color: inherit

  915. }

  916. 

  917. button, input, select, textarea {

  918.     font-family: inherit;

  919.     font-weight: inherit;

  920.     font-size: inherit;

  921.     margin: 0;

  922. }

  923. address, cite, dfn, em, i, var {

  924.     font-style: normal;

  925. }

  926. 

  927. table {

  928.     border-collapse: collapse;

  929.     border-spacing: 0;

  930.     font-family: normal;

  931. }

  932. 

  933. fieldset, iframe {

  934.     border: 0;

  935. }

  936. 

  937. ol, ul {

  938.     list-style: none

  939. }

  940. a{

  941.     color: #333;

  942.     text-decoration:none;

  943. }

  944. 

  945. 

  946.  /*IE7不支持的清除浮动*/

  947. .clearfix:after{

  948.     visibility:hidden;

  949.     display:block;

  950.     font-size:0;

  951.     content:".";

  952.     clear:both;

  953.     height:0;

  954. }

  955. * html .clearfix{

  956.     zoom:1;

  957. }

  958. /*全版本兼容清楚浮动*/

  959. .clears{ clear:both; line-height:0px; overflow:hidden; font-size:0px; height:0px;}

  960. input,textarea,select{font-family:Verdana,Arial,"Microsoft Yahei","微软雅黑";}

  961. a{color: #333;text-decoration: none;}

  962. a:hover {color: inherit;}

  963. 

  964. 

  965. .mui-flex {

  966.     display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */

  967.     display: -moz-box ;           /* OLD - Firefox 19- (buggy but mostly works) */

  968.     display: -ms-flexbox ;          /* TWEENER - IE 10 */

  969.     display: -webkit-flex ;         /* NEW - Chrome */

  970.     display: flex ;                /* NEW, Spec - Opera 12.1, Firefox 20+ */

  971.     -webkit-flex-wrap: wrap;

  972.     -ms-flex-wrap: wrap;

  973.     flex-wrap: wrap

  974. }

  975. .mui-flex .mui-flex {

  976.     display: -webkit-box !important;      /* OLD - iOS 6-, Safari 3.1-6 */

  977.     display: -moz-box !important;           /* OLD - Firefox 19- (buggy but mostly works) */

  978.     display: -ms-flexbox !important;          /* TWEENER - IE 10 */

  979.     display: -webkit-flex !important;         /* NEW - Chrome */

  980.     display: flex !important;                /* NEW, Spec - Opera 12.1, Firefox 20+ */

  981.     -webkit-flex-wrap: wrap;

  982.     -ms-flex-wrap: wrap;

  983.     flex-wrap: wrap

  984. }

  985. 

  986. .mui-flex, .mui-flex *, .mui-flex:after, .mui-flex:before {

  987.     box-sizing: border-box

  988. }

  989. 

  990. .mui-flex.vertical {

  991.     -webkit-box-orient: vertical;

  992.     -webkit-box-direction: normal;

  993.     -webkit-flex-direction: column;

  994.     -ms-flex-direction: column;

  995.     flex-direction: column

  996. }

  997. 

  998. .mui-flex.vertical.reverse {

  999.     -webkit-box-orient: vertical;

  1000.     -webkit-box-direction: reverse;

  1001.     -webkit-flex-direction: column-reverse;

  1002.     -ms-flex-direction: column-reverse;

  1003.     flex-direction: column-reverse

  1004. }

  1005. 

  1006. .mui-flex.vertical >.cell {

  1007.     width: auto

  1008. }

  1009. 

  1010. .mui-flex.vertical > .cell > .inner {

  1011.     position: absolute;

  1012.     width: 100%;

  1013.     height: 100%

  1014. }

  1015. 

  1016. .mui-flex.horizental {

  1017.     -webkit-box-orient: horizontal;

  1018.     -webkit-box-direction: normal;

  1019.     -webkit-flex-direction: row;

  1020.     -ms-flex-direction: row;

  1021.     flex-direction: row

  1022. }

  1023. 

  1024. .mui-flex.reverse {

  1025.     -webkit-box-orient: horizontal;

  1026.     -webkit-box-direction: reverse;

  1027.     -webkit-flex-direction: row-reverse;

  1028.     -ms-flex-direction: row-reverse;

  1029.     flex-direction: row-reverse

  1030. }

  1031. 

  1032. .mui-flex.justify-start {

  1033.     -webkit-box-pack: start;

  1034.     -webkit-justify-content: flex-start;

  1035.     -ms-flex-pack: start;

  1036.     justify-content: flex-start

  1037. }

  1038. 

  1039. .mui-flex.justify-end {

  1040.     -webkit-box-pack: end;

  1041.     -webkit-justify-content: flex-end;

  1042.     -ms-flex-pack: end;

  1043.     justify-content: flex-end

  1044. }

  1045. 

  1046. .mui-flex.justify-center {

  1047.     -webkit-box-pack: center;

  1048.     -webkit-justify-content: center;

  1049.     -ms-flex-pack: center;

  1050.     justify-content: center;

  1051. }

  1052. 

  1053. .mui-flex.justify-between {

  1054.     -webkit-box-pack: justify;

  1055.     -webkit-justify-content: space-between;

  1056.     -ms-flex-pack: justify;

  1057.     justify-content: space-between

  1058. }

  1059. 

  1060. .mui-flex.justify-around {

  1061.     -webkit-justify-content: space-around;

  1062.     -ms-flex-pack: distribute;

  1063.     justify-content: space-around

  1064. }

  1065. 

  1066. .mui-flex.align-start {

  1067.     -webkit-box-align: start;

  1068.     -webkit-align-items: flex-start;

  1069.     -ms-flex-align: start;

  1070.     align-items: flex-start

  1071. }

  1072. 

  1073. .mui-flex.align-end {

  1074.     -webkit-box-align: end;

  1075.     -webkit-align-items: flex-end;

  1076.     -ms-flex-align: end;

  1077.     align-items: flex-end

  1078. }

  1079. 

  1080. .mui-flex.align-center {

  1081.     -webkit-box-align: center;

  1082.     -webkit-align-items: center;

  1083.     -ms-flex-align: center;

  1084.     align-items: center

  1085. }

  1086. 

  1087. .mui-flex.align-stretch {

  1088.     -webkit-box-align: stretch;

  1089.     -webkit-align-items: stretch;

  1090.     -ms-flex-align: stretch;

  1091.     align-items: stretch

  1092. }

  1093. 

  1094. .mui-flex.align-stretch .cell {

  1095.     height: auto !important

  1096. }

  1097. 

  1098. .mui-flex.center {

  1099.     -webkit-box-pack: center;

  1100.     -webkit-justify-content: center;

  1101.     -ms-flex-pack: center;

  1102.     justify-content: center;

  1103.     -webkit-box-align: center;

  1104.     -webkit-align-items: center;

  1105.     -ms-flex-align: center;

  1106.     align-items: center

  1107. }

  1108. 

  1109. .mui-flex > .cell {

  1110.     -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */

  1111.     -moz-box-flex: 1;         /* OLD - Firefox 19- */

  1112.     /*width: 20%;               /!* For old syntax, otherwise collapses. *!/*/

  1113.     -webkit-flex: 1;          /* Chrome */

  1114.     -ms-flex: 1;              /* IE 10 */

  1115.     flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  1116.     width: 0;

  1117.     -webkit-flex-basis: 0;

  1118.     -ms-flex-preferred-size: 0;

  1119.     flex-basis: 0;

  1120.     max-width: 100%;

  1121.     display: block;

  1122.     padding: 0;

  1123.     position: relative

  1124. }

  1125. .mui-flex.vertical > .cell {

  1126.     width: auto;

  1127.     height: 0;

  1128.     -webkit-flex-basis: 0;

  1129.     -ms-flex-preferred-size: 0;

  1130.     flex-basis: 0;

  1131.     /*max-height: 100%;*/

  1132.     /*max-width: inherit;*/

  1133.     display: block;

  1134.     padding: 0;

  1135.     position: relative

  1136. }

  1137. 

  1138. .mui-flex > .cell.fixed {

  1139.     -webkit-box-flex: 0 !important;

  1140.     -webkit-flex: none !important;

  1141.     -ms-flex: none !important;

  1142.     flex: none !important;

  1143.     width: auto

  1144. }

  1145. 

  1146. .mui-flex > .cell.self-start {

  1147.     -webkit-align-self: flex-start;

  1148.     -ms-flex-item-align: start;

  1149.     align-self: flex-start

  1150. }

  1151. 

  1152. .mui-flex > .cell.self-end {

  1153.     -webkit-align-self: flex-end;

  1154.     -ms-flex-item-align: end;

  1155.     align-self: flex-end

  1156. }

  1157. 

  1158. .mui-flex > .cell.self-center {

  1159.     -webkit-align-self: center;

  1160.     -ms-flex-item-align: center;

  1161.     align-self: center

  1162. }

  1163. 

  1164. .cat{

  1165.     -webkit-box-flex: 3;

  1166.     -moz-box-flex: 3;

  1167.     -webkit-flex: 3;

  1168.     -ms-flex: 3;

  1169.     flex: 3;

  1170. }

  1171. /*common font*/

  1172. .f12{

  1173.  font-size: .06rem;

  1174. }

  1175. .f14{

  1176.  font-size: .07rem;

  1177. }

  1178. .f16{

  1179.  font-size: .08rem;

  1180. }

  1181. .f18{

  1182.  font-size: .09rem;

  1183. }

  1184. .f20{

  1185.  font-size: .1rem;

  1186. }

  1187. .f22{

  1188.  font-size: .11rem;

  1189. }

  1190. .f24{

  1191.  font-size: .12rem;

  1192. }

  1193. .f26{

  1194.  font-size: .13rem;

  1195. }

  1196. .f28{

  1197.  font-size: .14rem;

  1198. }

  1199. .f30{

  1200.  font-size: .15rem;

  1201. }

  1202. .f32{

  1203.  font-size: .16rem;

  1204. }

  1205. .f34{

  1206.  font-size: .17rem;

  1207. }

  1208. .f36{

  1209.  font-size: .18rem;

  1210. }

  1211. .f38{

  1212.  font-size: .19rem;

  1213. }

  1214. .f40{

  1215.     font-size: .2rem;

  1216. }

  1217. .f48{

  1218.     font-size: .24rem;

  1219. }

  1220. .f60{

  1221.     font-size: .3rem;

  1222. }

  1223. 

  1224. /*comment margin-top*/

  1225. .m12{

  1226.     margin-top: .06rem;

  1227. }

  1228. .m20{

  1229.     margin-top: .1rem;

  1230. }

  1231. .m22{

  1232.     margin-top: .11rem;

  1233. }

  1234. 

  1235. 

  1236. /*comment height*/

  1237. .h66{

  1238.     height: .33rem;

  1239. }

  1240. .h90{

  1241.     height: .45rem;

  1242. }

  1243. 

  1244. .covers{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(0,0,0,.8);text-align: center;z-index: 99999999;display: none;}

  1245. .covers img{width: 450px;height: 340px;margin-top: 100px;}