@charset "UTF-8"; /* FormGroup */ /* Navlayout */ /* FormGroup */ /* Navlayout */ .red { color: rgb(244,67,54) !important; } .bg-red { background-color: rgb(244,67,54) !important; } .red-50 { color: rgb(255,235,238) !important; } .bg-red-50 { background-color: rgb(255,235,238) !important; } .red-100 { color: rgb(255,205,210) !important; } .bg-red-100 { background-color: rgb(255,205,210) !important; } .red-200 { color: rgb(239,154,154) !important; } .bg-red-200 { background-color: rgb(239,154,154) !important; } .red-300 { color: rgb(229,115,115) !important; } .bg-red-300 { background-color: rgb(229,115,115) !important; } .red-400 { color: rgb(239,83,80) !important; } .bg-red-400 { background-color: rgb(239,83,80) !important; } .red-500 { color: rgb(244,67,54) !important; } .bg-red-500 { background-color: rgb(244,67,54) !important; } .red-600 { color: rgb(229,57,53) !important; } .bg-red-600 { background-color: rgb(229,57,53) !important; } .red-700 { color: rgb(211,47,47) !important; } .bg-red-700 { background-color: rgb(211,47,47) !important; } .red-800 { color: rgb(198,40,40) !important; } .bg-red-800 { background-color: rgb(198,40,40) !important; } .red-900 { color: rgb(183,28,28) !important; } .bg-red-900 { background-color: rgb(183,28,28) !important; } .red-A100 { color: rgb(255,138,128) !important; } .bg-red-A100 { background-color: rgb(255,138,128) !important; } .red-A200 { color: rgb(255,82,82) !important; } .bg-red-A200 { background-color: rgb(255,82,82) !important; } .red-A400 { color: rgb(255,23,68) !important; } .bg-red-A400 { background-color: rgb(255,23,68) !important; } .red-A700 { color: rgb(213,0,0) !important; } .bg-red-A700 { background-color: rgb(213,0,0) !important; } .pink { color: rgb(233,30,99) !important; } .bg-pink { background-color: rgb(233,30,99) !important; } .pink-50 { color: rgb(252,228,236) !important; } .bg-pink-50 { background-color: rgb(252,228,236) !important; } .pink-100 { color: rgb(248,187,208) !important; } .bg-pink-100 { background-color: rgb(248,187,208) !important; } .pink-200 { color: rgb(244,143,177) !important; } .bg-pink-200 { background-color: rgb(244,143,177) !important; } .pink-300 { color: rgb(240,98,146) !important; } .bg-pink-300 { background-color: rgb(240,98,146) !important; } .pink-400 { color: rgb(236,64,122) !important; } .bg-pink-400 { background-color: rgb(236,64,122) !important; } .pink-500 { color: rgb(233,30,99) !important; } .bg-pink-500 { background-color: rgb(233,30,99) !important; } .pink-600 { color: rgb(216,27,96) !important; } .bg-pink-600 { background-color: rgb(216,27,96) !important; } .pink-700 { color: rgb(194,24,91) !important; } .bg-pink-700 { background-color: rgb(194,24,91) !important; } .pink-800 { color: rgb(173,20,87) !important; } .bg-pink-800 { background-color: rgb(173,20,87) !important; } .pink-900 { color: rgb(136,14,79) !important; } .bg-pink-900 { background-color: rgb(136,14,79) !important; } .pink-A100 { color: rgb(255,128,171) !important; } .bg-pink-A100 { background-color: rgb(255,128,171) !important; } .pink-A200 { color: rgb(255,64,129) !important; } .bg-pink-A200 { background-color: rgb(255,64,129) !important; } .pink-A400 { color: rgb(245,0,87) !important; } .bg-pink-A400 { background-color: rgb(245,0,87) !important; } .pink-A700 { color: rgb(197,17,98) !important; } .bg-pink-A700 { background-color: rgb(197,17,98) !important; } .purple { color: rgb(156,39,176) !important; } .bg-purple { background-color: rgb(156,39,176) !important; } .purple-50 { color: rgb(243,229,245) !important; } .bg-purple-50 { background-color: rgb(243,229,245) !important; } .purple-100 { color: rgb(225,190,231) !important; } .bg-purple-100 { background-color: rgb(225,190,231) !important; } .purple-200 { color: rgb(206,147,216) !important; } .bg-purple-200 { background-color: rgb(206,147,216) !important; } .purple-300 { color: rgb(186,104,200) !important; } .bg-purple-300 { background-color: rgb(186,104,200) !important; } .purple-400 { color: rgb(171,71,188) !important; } .bg-purple-400 { background-color: rgb(171,71,188) !important; } .purple-500 { color: rgb(156,39,176) !important; } .bg-purple-500 { background-color: rgb(156,39,176) !important; } .purple-600 { color: rgb(142,36,170) !important; } .bg-purple-600 { background-color: rgb(142,36,170) !important; } .purple-700 { color: rgb(123,31,162) !important; } .bg-purple-700 { background-color: rgb(123,31,162) !important; } .purple-800 { color: rgb(106,27,154) !important; } .bg-purple-800 { background-color: rgb(106,27,154) !important; } .purple-900 { color: rgb(74,20,140) !important; } .bg-purple-900 { background-color: rgb(74,20,140) !important; } .purple-A100 { color: rgb(234,128,252) !important; } .bg-purple-A100 { background-color: rgb(234,128,252) !important; } .purple-A200 { color: rgb(224,64,251) !important; } .bg-purple-A200 { background-color: rgb(224,64,251) !important; } .purple-A400 { color: rgb(213,0,249) !important; } .bg-purple-A400 { background-color: rgb(213,0,249) !important; } .purple-A700 { color: rgb(170,0,255) !important; } .bg-purple-A700 { background-color: rgb(170,0,255) !important; } .deep-purple { color: rgb(103,58,183) !important; } .bg-deep-purple { background-color: rgb(103,58,183) !important; } .deep-purple-50 { color: rgb(237,231,246) !important; } .bg-deep-purple-50 { background-color: rgb(237,231,246) !important; } .deep-purple-100 { color: rgb(209,196,233) !important; } .bg-deep-purple-100 { background-color: rgb(209,196,233) !important; } .deep-purple-200 { color: rgb(179,157,219) !important; } .bg-deep-purple-200 { background-color: rgb(179,157,219) !important; } .deep-purple-300 { color: rgb(149,117,205) !important; } .bg-deep-purple-300 { background-color: rgb(149,117,205) !important; } .deep-purple-400 { color: rgb(126,87,194) !important; } .bg-deep-purple-400 { background-color: rgb(126,87,194) !important; } .deep-purple-500 { color: rgb(103,58,183) !important; } .bg-deep-purple-500 { background-color: rgb(103,58,183) !important; } .deep-purple-600 { color: rgb(94,53,177) !important; } .bg-deep-purple-600 { background-color: rgb(94,53,177) !important; } .deep-purple-700 { color: rgb(81,45,168) !important; } .bg-deep-purple-700 { background-color: rgb(81,45,168) !important; } .deep-purple-800 { color: rgb(69,39,160) !important; } .bg-deep-purple-800 { background-color: rgb(69,39,160) !important; } .deep-purple-900 { color: rgb(49,27,146) !important; } .bg-deep-purple-900 { background-color: rgb(49,27,146) !important; } .deep-purple-A100 { color: rgb(179,136,255) !important; } .bg-deep-purple-A100 { background-color: rgb(179,136,255) !important; } .deep-purple-A200 { color: rgb(124,77,255) !important; } .bg-deep-purple-A200 { background-color: rgb(124,77,255) !important; } .deep-purple-A400 { color: rgb(101,31,255) !important; } .bg-deep-purple-A400 { background-color: rgb(101,31,255) !important; } .deep-purple-A700 { color: rgb(98,0,234) !important; } .bg-deep-purple-A700 { background-color: rgb(98,0,234) !important; } .indigo { color: rgb(63,81,181) !important; } .bg-indigo { background-color: rgb(63,81,181) !important; } .indigo-50 { color: rgb(232,234,246) !important; } .bg-indigo-50 { background-color: rgb(232,234,246) !important; } .indigo-100 { color: rgb(197,202,233) !important; } .bg-indigo-100 { background-color: rgb(197,202,233) !important; } .indigo-200 { color: rgb(159,168,218) !important; } .bg-indigo-200 { background-color: rgb(159,168,218) !important; } .indigo-300 { color: rgb(121,134,203) !important; } .bg-indigo-300 { background-color: rgb(121,134,203) !important; } .indigo-400 { color: rgb(92,107,192) !important; } .bg-indigo-400 { background-color: rgb(92,107,192) !important; } .indigo-500 { color: rgb(63,81,181) !important; } .bg-indigo-500 { background-color: rgb(63,81,181) !important; } .indigo-600 { color: rgb(57,73,171) !important; } .bg-indigo-600 { background-color: rgb(57,73,171) !important; } .indigo-700 { color: rgb(48,63,159) !important; } .bg-indigo-700 { background-color: rgb(48,63,159) !important; } .indigo-800 { color: rgb(40,53,147) !important; } .bg-indigo-800 { background-color: rgb(40,53,147) !important; } .indigo-900 { color: rgb(26,35,126) !important; } .bg-indigo-900 { background-color: rgb(26,35,126) !important; } .indigo-A100 { color: rgb(140,158,255) !important; } .bg-indigo-A100 { background-color: rgb(140,158,255) !important; } .indigo-A200 { color: rgb(83,109,254) !important; } .bg-indigo-A200 { background-color: rgb(83,109,254) !important; } .indigo-A400 { color: rgb(61,90,254) !important; } .bg-indigo-A400 { background-color: rgb(61,90,254) !important; } .indigo-A700 { color: rgb(48,79,254) !important; } .bg-indigo-A700 { background-color: rgb(48,79,254) !important; } .blue { color: rgb(33,150,243) !important; } .bg-blue { background-color: rgb(33,150,243) !important; } .blue-50 { color: rgb(227,242,253) !important; } .bg-blue-50 { background-color: rgb(227,242,253) !important; } .blue-100 { color: rgb(187,222,251) !important; } .bg-blue-100 { background-color: rgb(187,222,251) !important; } .blue-200 { color: rgb(144,202,249) !important; } .bg-blue-200 { background-color: rgb(144,202,249) !important; } .blue-300 { color: rgb(100,181,246) !important; } .bg-blue-300 { background-color: rgb(100,181,246) !important; } .blue-400 { color: rgb(66,165,245) !important; } .bg-blue-400 { background-color: rgb(66,165,245) !important; } .blue-500 { color: rgb(33,150,243) !important; } .bg-blue-500 { background-color: rgb(33,150,243) !important; } .blue-600 { color: rgb(30,136,229) !important; } .bg-blue-600 { background-color: rgb(30,136,229) !important; } .blue-700 { color: rgb(25,118,210) !important; } .bg-blue-700 { background-color: rgb(25,118,210) !important; } .blue-800 { color: rgb(21,101,192) !important; } .bg-blue-800 { background-color: rgb(21,101,192) !important; } .blue-900 { color: rgb(13,71,161) !important; } .bg-blue-900 { background-color: rgb(13,71,161) !important; } .blue-A100 { color: rgb(130,177,255) !important; } .bg-blue-A100 { background-color: rgb(130,177,255) !important; } .blue-A200 { color: rgb(68,138,255) !important; } .bg-blue-A200 { background-color: rgb(68,138,255) !important; } .blue-A400 { color: rgb(41,121,255) !important; } .bg-blue-A400 { background-color: rgb(41,121,255) !important; } .blue-A700 { color: rgb(41,98,255) !important; } .bg-blue-A700 { background-color: rgb(41,98,255) !important; } .light-blue { color: rgb(3,169,244) !important; } .bg-light-blue { background-color: rgb(3,169,244) !important; } .light-blue-50 { color: rgb(225,245,254) !important; } .bg-light-blue-50 { background-color: rgb(225,245,254) !important; } .light-blue-100 { color: rgb(179,229,252) !important; } .bg-light-blue-100 { background-color: rgb(179,229,252) !important; } .light-blue-200 { color: rgb(129,212,250) !important; } .bg-light-blue-200 { background-color: rgb(129,212,250) !important; } .light-blue-300 { color: rgb(79,195,247) !important; } .bg-light-blue-300 { background-color: rgb(79,195,247) !important; } .light-blue-400 { color: rgb(41,182,246) !important; } .bg-light-blue-400 { background-color: rgb(41,182,246) !important; } .light-blue-500 { color: rgb(3,169,244) !important; } .bg-light-blue-500 { background-color: rgb(3,169,244) !important; } .light-blue-600 { color: rgb(3,155,229) !important; } .bg-light-blue-600 { background-color: rgb(3,155,229) !important; } .light-blue-700 { color: rgb(2,136,209) !important; } .bg-light-blue-700 { background-color: rgb(2,136,209) !important; } .light-blue-800 { color: rgb(2,119,189) !important; } .bg-light-blue-800 { background-color: rgb(2,119,189) !important; } .light-blue-900 { color: rgb(1,87,155) !important; } .bg-light-blue-900 { background-color: rgb(1,87,155) !important; } .light-blue-A100 { color: rgb(128,216,255) !important; } .bg-light-blue-A100 { background-color: rgb(128,216,255) !important; } .light-blue-A200 { color: rgb(64,196,255) !important; } .bg-light-blue-A200 { background-color: rgb(64,196,255) !important; } .light-blue-A400 { color: rgb(0,176,255) !important; } .bg-light-blue-A400 { background-color: rgb(0,176,255) !important; } .light-blue-A700 { color: rgb(0,145,234) !important; } .bg-light-blue-A700 { background-color: rgb(0,145,234) !important; } .cyan { color: rgb(0,188,212) !important; } .bg-cyan { background-color: rgb(0,188,212) !important; } .cyan-50 { color: rgb(224,247,250) !important; } .bg-cyan-50 { background-color: rgb(224,247,250) !important; } .cyan-100 { color: rgb(178,235,242) !important; } .bg-cyan-100 { background-color: rgb(178,235,242) !important; } .cyan-200 { color: rgb(128,222,234) !important; } .bg-cyan-200 { background-color: rgb(128,222,234) !important; } .cyan-300 { color: rgb(77,208,225) !important; } .bg-cyan-300 { background-color: rgb(77,208,225) !important; } .cyan-400 { color: rgb(38,198,218) !important; } .bg-cyan-400 { background-color: rgb(38,198,218) !important; } .cyan-500 { color: rgb(0,188,212) !important; } .bg-cyan-500 { background-color: rgb(0,188,212) !important; } .cyan-600 { color: rgb(0,172,193) !important; } .bg-cyan-600 { background-color: rgb(0,172,193) !important; } .cyan-700 { color: rgb(0,151,167) !important; } .bg-cyan-700 { background-color: rgb(0,151,167) !important; } .cyan-800 { color: rgb(0,131,143) !important; } .bg-cyan-800 { background-color: rgb(0,131,143) !important; } .cyan-900 { color: rgb(0,96,100) !important; } .bg-cyan-900 { background-color: rgb(0,96,100) !important; } .cyan-A100 { color: rgb(132,255,255) !important; } .bg-cyan-A100 { background-color: rgb(132,255,255) !important; } .cyan-A200 { color: rgb(24,255,255) !important; } .bg-cyan-A200 { background-color: rgb(24,255,255) !important; } .cyan-A400 { color: rgb(0,229,255) !important; } .bg-cyan-A400 { background-color: rgb(0,229,255) !important; } .cyan-A700 { color: rgb(0,184,212) !important; } .bg-cyan-A700 { background-color: rgb(0,184,212) !important; } .teal { color: rgb(0,150,136) !important; } .bg-teal { background-color: rgb(0,150,136) !important; } .teal-50 { color: rgb(224,242,241) !important; } .bg-teal-50 { background-color: rgb(224,242,241) !important; } .teal-100 { color: rgb(178,223,219) !important; } .bg-teal-100 { background-color: rgb(178,223,219) !important; } .teal-200 { color: rgb(128,203,196) !important; } .bg-teal-200 { background-color: rgb(128,203,196) !important; } .teal-300 { color: rgb(77,182,172) !important; } .bg-teal-300 { background-color: rgb(77,182,172) !important; } .teal-400 { color: rgb(38,166,154) !important; } .bg-teal-400 { background-color: rgb(38,166,154) !important; } .teal-500 { color: rgb(0,150,136) !important; } .bg-teal-500 { background-color: rgb(0,150,136) !important; } .teal-600 { color: rgb(0,137,123) !important; } .bg-teal-600 { background-color: rgb(0,137,123) !important; } .teal-700 { color: rgb(0,121,107) !important; } .bg-teal-700 { background-color: rgb(0,121,107) !important; } .teal-800 { color: rgb(0,105,92) !important; } .bg-teal-800 { background-color: rgb(0,105,92) !important; } .teal-900 { color: rgb(0,77,64) !important; } .bg-teal-900 { background-color: rgb(0,77,64) !important; } .teal-A100 { color: rgb(167,255,235) !important; } .bg-teal-A100 { background-color: rgb(167,255,235) !important; } .teal-A200 { color: rgb(100,255,218) !important; } .bg-teal-A200 { background-color: rgb(100,255,218) !important; } .teal-A400 { color: rgb(29,233,182) !important; } .bg-teal-A400 { background-color: rgb(29,233,182) !important; } .teal-A700 { color: rgb(0,191,165) !important; } .bg-teal-A700 { background-color: rgb(0,191,165) !important; } .green { color: rgb(76,175,80) !important; } .bg-green { background-color: rgb(76,175,80) !important; } .green-50 { color: rgb(232,245,233) !important; } .bg-green-50 { background-color: rgb(232,245,233) !important; } .green-100 { color: rgb(200,230,201) !important; } .bg-green-100 { background-color: rgb(200,230,201) !important; } .green-200 { color: rgb(165,214,167) !important; } .bg-green-200 { background-color: rgb(165,214,167) !important; } .green-300 { color: rgb(129,199,132) !important; } .bg-green-300 { background-color: rgb(129,199,132) !important; } .green-400 { color: rgb(102,187,106) !important; } .bg-green-400 { background-color: rgb(102,187,106) !important; } .green-500 { color: rgb(76,175,80) !important; } .bg-green-500 { background-color: rgb(76,175,80) !important; } .green-600 { color: rgb(67,160,71) !important; } .bg-green-600 { background-color: rgb(67,160,71) !important; } .green-700 { color: rgb(56,142,60) !important; } .bg-green-700 { background-color: rgb(56,142,60) !important; } .green-800 { color: rgb(46,125,50) !important; } .bg-green-800 { background-color: rgb(46,125,50) !important; } .green-900 { color: rgb(27,94,32) !important; } .bg-green-900 { background-color: rgb(27,94,32) !important; } .green-A100 { color: rgb(185,246,202) !important; } .bg-green-A100 { background-color: rgb(185,246,202) !important; } .green-A200 { color: rgb(105,240,174) !important; } .bg-green-A200 { background-color: rgb(105,240,174) !important; } .green-A400 { color: rgb(0,230,118) !important; } .bg-green-A400 { background-color: rgb(0,230,118) !important; } .green-A700 { color: rgb(0,200,83) !important; } .bg-green-A700 { background-color: rgb(0,200,83) !important; } .light-green { color: rgb(139,195,74) !important; } .bg-light-green { background-color: rgb(139,195,74) !important; } .light-green-50 { color: rgb(241,248,233) !important; } .bg-light-green-50 { background-color: rgb(241,248,233) !important; } .light-green-100 { color: rgb(220,237,200) !important; } .bg-light-green-100 { background-color: rgb(220,237,200) !important; } .light-green-200 { color: rgb(197,225,165) !important; } .bg-light-green-200 { background-color: rgb(197,225,165) !important; } .light-green-300 { color: rgb(174,213,129) !important; } .bg-light-green-300 { background-color: rgb(174,213,129) !important; } .light-green-400 { color: rgb(156,204,101) !important; } .bg-light-green-400 { background-color: rgb(156,204,101) !important; } .light-green-500 { color: rgb(139,195,74) !important; } .bg-light-green-500 { background-color: rgb(139,195,74) !important; } .light-green-600 { color: rgb(124,179,66) !important; } .bg-light-green-600 { background-color: rgb(124,179,66) !important; } .light-green-700 { color: rgb(104,159,56) !important; } .bg-light-green-700 { background-color: rgb(104,159,56) !important; } .light-green-800 { color: rgb(85,139,47) !important; } .bg-light-green-800 { background-color: rgb(85,139,47) !important; } .light-green-900 { color: rgb(51,105,30) !important; } .bg-light-green-900 { background-color: rgb(51,105,30) !important; } .light-green-A100 { color: rgb(204,255,144) !important; } .bg-light-green-A100 { background-color: rgb(204,255,144) !important; } .light-green-A200 { color: rgb(178,255,89) !important; } .bg-light-green-A200 { background-color: rgb(178,255,89) !important; } .light-green-A400 { color: rgb(118,255,3) !important; } .bg-light-green-A400 { background-color: rgb(118,255,3) !important; } .light-green-A700 { color: rgb(100,221,23) !important; } .bg-light-green-A700 { background-color: rgb(100,221,23) !important; } .lime { color: rgb(205,220,57) !important; } .bg-lime { background-color: rgb(205,220,57) !important; } .lime-50 { color: rgb(249,251,231) !important; } .bg-lime-50 { background-color: rgb(249,251,231) !important; } .lime-100 { color: rgb(240,244,195) !important; } .bg-lime-100 { background-color: rgb(240,244,195) !important; } .lime-200 { color: rgb(230,238,156) !important; } .bg-lime-200 { background-color: rgb(230,238,156) !important; } .lime-300 { color: rgb(220,231,117) !important; } .bg-lime-300 { background-color: rgb(220,231,117) !important; } .lime-400 { color: rgb(212,225,87) !important; } .bg-lime-400 { background-color: rgb(212,225,87) !important; } .lime-500 { color: rgb(205,220,57) !important; } .bg-lime-500 { background-color: rgb(205,220,57) !important; } .lime-600 { color: rgb(192,202,51) !important; } .bg-lime-600 { background-color: rgb(192,202,51) !important; } .lime-700 { color: rgb(175,180,43) !important; } .bg-lime-700 { background-color: rgb(175,180,43) !important; } .lime-800 { color: rgb(158,157,36) !important; } .bg-lime-800 { background-color: rgb(158,157,36) !important; } .lime-900 { color: rgb(130,119,23) !important; } .bg-lime-900 { background-color: rgb(130,119,23) !important; } .lime-A100 { color: rgb(244,255,129) !important; } .bg-lime-A100 { background-color: rgb(244,255,129) !important; } .lime-A200 { color: rgb(238,255,65) !important; } .bg-lime-A200 { background-color: rgb(238,255,65) !important; } .lime-A400 { color: rgb(198,255,0) !important; } .bg-lime-A400 { background-color: rgb(198,255,0) !important; } .lime-A700 { color: rgb(174,234,0) !important; } .bg-lime-A700 { background-color: rgb(174,234,0) !important; } .yellow { color: rgb(255,235,59) !important; } .bg-yellow { background-color: rgb(255,235,59) !important; } .yellow-50 { color: rgb(255,253,231) !important; } .bg-yellow-50 { background-color: rgb(255,253,231) !important; } .yellow-100 { color: rgb(255,249,196) !important; } .bg-yellow-100 { background-color: rgb(255,249,196) !important; } .yellow-200 { color: rgb(255,245,157) !important; } .bg-yellow-200 { background-color: rgb(255,245,157) !important; } .yellow-300 { color: rgb(255,241,118) !important; } .bg-yellow-300 { background-color: rgb(255,241,118) !important; } .yellow-400 { color: rgb(255,238,88) !important; } .bg-yellow-400 { background-color: rgb(255,238,88) !important; } .yellow-500 { color: rgb(255,235,59) !important; } .bg-yellow-500 { background-color: rgb(255,235,59) !important; } .yellow-600 { color: rgb(253,216,53) !important; } .bg-yellow-600 { background-color: rgb(253,216,53) !important; } .yellow-700 { color: rgb(251,192,45) !important; } .bg-yellow-700 { background-color: rgb(251,192,45) !important; } .yellow-800 { color: rgb(249,168,37) !important; } .bg-yellow-800 { background-color: rgb(249,168,37) !important; } .yellow-900 { color: rgb(245,127,23) !important; } .bg-yellow-900 { background-color: rgb(245,127,23) !important; } .yellow-A100 { color: rgb(255,255,141) !important; } .bg-yellow-A100 { background-color: rgb(255,255,141) !important; } .yellow-A200 { color: rgb(255,255,0) !important; } .bg-yellow-A200 { background-color: rgb(255,255,0) !important; } .yellow-A400 { color: rgb(255,234,0) !important; } .bg-yellow-A400 { background-color: rgb(255,234,0) !important; } .yellow-A700 { color: rgb(255,214,0) !important; } .bg-yellow-A700 { background-color: rgb(255,214,0) !important; } .amber { color: rgb(255,193,7) !important; } .bg-amber { background-color: rgb(255,193,7) !important; } .amber-50 { color: rgb(255,248,225) !important; } .bg-amber-50 { background-color: rgb(255,248,225) !important; } .amber-100 { color: rgb(255,236,179) !important; } .bg-amber-100 { background-color: rgb(255,236,179) !important; } .amber-200 { color: rgb(255,224,130) !important; } .bg-amber-200 { background-color: rgb(255,224,130) !important; } .amber-300 { color: rgb(255,213,79) !important; } .bg-amber-300 { background-color: rgb(255,213,79) !important; } .amber-400 { color: rgb(255,202,40) !important; } .bg-amber-400 { background-color: rgb(255,202,40) !important; } .amber-500 { color: rgb(255,193,7) !important; } .bg-amber-500 { background-color: rgb(255,193,7) !important; } .amber-600 { color: rgb(255,179,0) !important; } .bg-amber-600 { background-color: rgb(255,179,0) !important; } .amber-700 { color: rgb(255,160,0) !important; } .bg-amber-700 { background-color: rgb(255,160,0) !important; } .amber-800 { color: rgb(255,143,0) !important; } .bg-amber-800 { background-color: rgb(255,143,0) !important; } .amber-900 { color: rgb(255,111,0) !important; } .bg-amber-900 { background-color: rgb(255,111,0) !important; } .amber-A100 { color: rgb(255,229,127) !important; } .bg-amber-A100 { background-color: rgb(255,229,127) !important; } .amber-A200 { color: rgb(255,215,64) !important; } .bg-amber-A200 { background-color: rgb(255,215,64) !important; } .amber-A400 { color: rgb(255,196,0) !important; } .bg-amber-A400 { background-color: rgb(255,196,0) !important; } .amber-A700 { color: rgb(255,171,0) !important; } .bg-amber-A700 { background-color: rgb(255,171,0) !important; } .orange { color: rgb(255,152,0) !important; } .bg-orange { background-color: rgb(255,152,0) !important; } .orange-50 { color: rgb(255,243,224) !important; } .bg-orange-50 { background-color: rgb(255,243,224) !important; } .orange-100 { color: rgb(255,224,178) !important; } .bg-orange-100 { background-color: rgb(255,224,178) !important; } .orange-200 { color: rgb(255,204,128) !important; } .bg-orange-200 { background-color: rgb(255,204,128) !important; } .orange-300 { color: rgb(255,183,77) !important; } .bg-orange-300 { background-color: rgb(255,183,77) !important; } .orange-400 { color: rgb(255,167,38) !important; } .bg-orange-400 { background-color: rgb(255,167,38) !important; } .orange-500 { color: rgb(255,152,0) !important; } .bg-orange-500 { background-color: rgb(255,152,0) !important; } .orange-600 { color: rgb(251,140,0) !important; } .bg-orange-600 { background-color: rgb(251,140,0) !important; } .orange-700 { color: rgb(245,124,0) !important; } .bg-orange-700 { background-color: rgb(245,124,0) !important; } .orange-800 { color: rgb(239,108,0) !important; } .bg-orange-800 { background-color: rgb(239,108,0) !important; } .orange-900 { color: rgb(230,81,0) !important; } .bg-orange-900 { background-color: rgb(230,81,0) !important; } .orange-A100 { color: rgb(255,209,128) !important; } .bg-orange-A100 { background-color: rgb(255,209,128) !important; } .orange-A200 { color: rgb(255,171,64) !important; } .bg-orange-A200 { background-color: rgb(255,171,64) !important; } .orange-A400 { color: rgb(255,145,0) !important; } .bg-orange-A400 { background-color: rgb(255,145,0) !important; } .orange-A700 { color: rgb(255,109,0) !important; } .bg-orange-A700 { background-color: rgb(255,109,0) !important; } .deep-orange { color: rgb(255,87,34) !important; } .bg-deep-orange { background-color: rgb(255,87,34) !important; } .deep-orange-50 { color: rgb(251,233,231) !important; } .bg-deep-orange-50 { background-color: rgb(251,233,231) !important; } .deep-orange-100 { color: rgb(255,204,188) !important; } .bg-deep-orange-100 { background-color: rgb(255,204,188) !important; } .deep-orange-200 { color: rgb(255,171,145) !important; } .bg-deep-orange-200 { background-color: rgb(255,171,145) !important; } .deep-orange-300 { color: rgb(255,138,101) !important; } .bg-deep-orange-300 { background-color: rgb(255,138,101) !important; } .deep-orange-400 { color: rgb(255,112,67) !important; } .bg-deep-orange-400 { background-color: rgb(255,112,67) !important; } .deep-orange-500 { color: rgb(255,87,34) !important; } .bg-deep-orange-500 { background-color: rgb(255,87,34) !important; } .deep-orange-600 { color: rgb(244,81,30) !important; } .bg-deep-orange-600 { background-color: rgb(244,81,30) !important; } .deep-orange-700 { color: rgb(230,74,25) !important; } .bg-deep-orange-700 { background-color: rgb(230,74,25) !important; } .deep-orange-800 { color: rgb(216,67,21) !important; } .bg-deep-orange-800 { background-color: rgb(216,67,21) !important; } .deep-orange-900 { color: rgb(191,54,12) !important; } .bg-deep-orange-900 { background-color: rgb(191,54,12) !important; } .deep-orange-A100 { color: rgb(255,158,128) !important; } .bg-deep-orange-A100 { background-color: rgb(255,158,128) !important; } .deep-orange-A200 { color: rgb(255,110,64) !important; } .bg-deep-orange-A200 { background-color: rgb(255,110,64) !important; } .deep-orange-A400 { color: rgb(255,61,0) !important; } .bg-deep-orange-A400 { background-color: rgb(255,61,0) !important; } .deep-orange-A700 { color: rgb(221,44,0) !important; } .bg-deep-orange-A700 { background-color: rgb(221,44,0) !important; } .brown { color: rgb(121,85,72) !important; } .bg-brown { background-color: rgb(121,85,72) !important; } .brown-50 { color: rgb(239,235,233) !important; } .bg-brown-50 { background-color: rgb(239,235,233) !important; } .brown-100 { color: rgb(215,204,200) !important; } .bg-brown-100 { background-color: rgb(215,204,200) !important; } .brown-200 { color: rgb(188,170,164) !important; } .bg-brown-200 { background-color: rgb(188,170,164) !important; } .brown-300 { color: rgb(161,136,127) !important; } .bg-brown-300 { background-color: rgb(161,136,127) !important; } .brown-400 { color: rgb(141,110,99) !important; } .bg-brown-400 { background-color: rgb(141,110,99) !important; } .brown-500 { color: rgb(121,85,72) !important; } .bg-brown-500 { background-color: rgb(121,85,72) !important; } .brown-600 { color: rgb(109,76,65) !important; } .bg-brown-600 { background-color: rgb(109,76,65) !important; } .brown-700 { color: rgb(93,64,55) !important; } .bg-brown-700 { background-color: rgb(93,64,55) !important; } .brown-800 { color: rgb(78,52,46) !important; } .bg-brown-800 { background-color: rgb(78,52,46) !important; } .brown-900 { color: rgb(62,39,35) !important; } .bg-brown-900 { background-color: rgb(62,39,35) !important; } .grey { color: rgb(158,158,158) !important; } .bg-grey { background-color: rgb(158,158,158) !important; } .grey-50 { color: rgb(250,250,250) !important; } .bg-grey-50 { background-color: rgb(250,250,250) !important; } .grey-100 { color: rgb(245,245,245) !important; } .bg-grey-100 { background-color: rgb(245,245,245) !important; } .grey-200 { color: rgb(238,238,238) !important; } .bg-grey-200 { background-color: rgb(238,238,238) !important; } .grey-300 { color: rgb(224,224,224) !important; } .bg-grey-300 { background-color: rgb(224,224,224) !important; } .grey-400 { color: rgb(189,189,189) !important; } .bg-grey-400 { background-color: rgb(189,189,189) !important; } .grey-500 { color: rgb(158,158,158) !important; } .bg-grey-500 { background-color: rgb(158,158,158) !important; } .grey-600 { color: rgb(117,117,117) !important; } .bg-grey-600 { background-color: rgb(117,117,117) !important; } .grey-700 { color: rgb(97,97,97) !important; } .bg-grey-700 { background-color: rgb(97,97,97) !important; } .grey-800 { color: rgb(66,66,66) !important; } .bg-grey-800 { background-color: rgb(66,66,66) !important; } .grey-900 { color: rgb(33,33,33) !important; } .bg-grey-900 { background-color: rgb(33,33,33) !important; } .blue-grey { color: rgb(96,125,139) !important; } .bg-blue-grey { background-color: rgb(96,125,139) !important; } .blue-grey-50 { color: rgb(236,239,241) !important; } .bg-blue-grey-50 { background-color: rgb(236,239,241) !important; } .blue-grey-100 { color: rgb(207,216,220) !important; } .bg-blue-grey-100 { background-color: rgb(207,216,220) !important; } .blue-grey-200 { color: rgb(176,190,197) !important; } .bg-blue-grey-200 { background-color: rgb(176,190,197) !important; } .blue-grey-300 { color: rgb(144,164,174) !important; } .bg-blue-grey-300 { background-color: rgb(144,164,174) !important; } .blue-grey-400 { color: rgb(120,144,156) !important; } .bg-blue-grey-400 { background-color: rgb(120,144,156) !important; } .blue-grey-500 { color: rgb(96,125,139) !important; } .bg-blue-grey-500 { background-color: rgb(96,125,139) !important; } .blue-grey-600 { color: rgb(84,110,122) !important; } .bg-blue-grey-600 { background-color: rgb(84,110,122) !important; } .blue-grey-700 { color: rgb(69,90,100) !important; } .bg-blue-grey-700 { background-color: rgb(69,90,100) !important; } .blue-grey-800 { color: rgb(55,71,79) !important; } .bg-blue-grey-800 { background-color: rgb(55,71,79) !important; } .blue-grey-900 { color: rgb(38,50,56) !important; } .bg-blue-grey-900 { background-color: rgb(38,50,56) !important; } .u-red { color: rgb(244,120,107) !important; } .u-bg-red { background-color: rgb(244,120,107) !important; } .u-red-100 { color: rgb(254,239,237) !important; } .u-bg-red-100 { background-color: rgb(254,239,237) !important; } .u-red-200 { color: rgb(251,212,208) !important; } .u-bg-red-200 { background-color: rgb(251,212,208) !important; } .u-red-300 { color: rgb(249,181,173) !important; } .u-bg-red-300 { background-color: rgb(249,181,173) !important; } .u-red-400 { color: rgb(246,148,137) !important; } .u-bg-red-400 { background-color: rgb(246,148,137) !important; } .u-red-500 { color: rgb(244,120,107) !important; } .u-bg-red-500 { background-color: rgb(244,120,107) !important; } .u-red-600 { color: rgb(241,90,74) !important; } .u-bg-red-600 { background-color: rgb(241,90,74) !important; } .u-red-700 { color: rgb(228,32,21) !important; } .u-bg-red-700 { background-color: rgb(228,32,21) !important; } .u-red-800 { color: rgb(216,81,66) !important; } .u-bg-red-800 { background-color: rgb(216,81,66) !important; } .u-red-900 { color: rgb(120,45,37) !important; } .u-bg-red-900 { background-color: rgb(120,45,37) !important; } .u-orange { color: rgb(254,152,76) !important; } .u-bg-orange { background-color: rgb(254,152,76) !important; } .u-orange-100 { color: rgb(255,243,234) !important; } .u-bg-orange-100 { background-color: rgb(255,243,234) !important; } .u-orange-200 { color: rgb(255,222,199) !important; } .u-bg-orange-200 { background-color: rgb(255,222,199) !important; } .u-orange-300 { color: rgb(255,198,157) !important; } .u-bg-orange-300 { background-color: rgb(255,198,157) !important; } .u-orange-400 { color: rgb(254,173,113) !important; } .u-bg-orange-400 { background-color: rgb(254,173,113) !important; } .u-orange-500 { color: rgb(254,152,76) !important; } .u-bg-orange-500 { background-color: rgb(254,152,76) !important; } .u-orange-600 { color: rgb(254,129,37) !important; } .u-bg-orange-600 { background-color: rgb(254,129,37) !important; } .u-orange-700 { color: rgb(253,65,5) !important; } .u-bg-orange-700 { background-color: rgb(253,65,5) !important; } .u-orange-800 { color: rgb(228,116,33) !important; } .u-bg-orange-800 { background-color: rgb(228,116,33) !important; } .u-orange-900 { color: rgb(127,64,18) !important; } .u-bg-orange-900 { background-color: rgb(127,64,18) !important; } .u-yellow { color: rgb(244,207,58) !important; } .u-bg-yellow { background-color: rgb(244,207,58) !important; } .u-yellow-100 { color: rgb(254,249,231) !important; } .u-bg-yellow-100 { background-color: rgb(254,249,231) !important; } .u-yellow-200 { color: rgb(251,240,193) !important; } .u-bg-yellow-200 { background-color: rgb(251,240,193) !important; } .u-yellow-300 { color: rgb(249,228,147) !important; } .u-bg-yellow-300 { background-color: rgb(249,228,147) !important; } .u-yellow-400 { color: rgb(246,217,99) !important; } .u-bg-yellow-400 { background-color: rgb(246,217,99) !important; } .u-yellow-500 { color: rgb(244,207,58) !important; } .u-bg-yellow-500 { background-color: rgb(244,207,58) !important; } .u-yellow-600 { color: rgb(241,196,15) !important; } .u-bg-yellow-600 { background-color: rgb(241,196,15) !important; } .u-yellow-700 { color: rgb(228,151,1) !important; } .u-bg-yellow-700 { background-color: rgb(228,151,1) !important; } .u-yellow-800 { color: rgb(216,176,13) !important; } .u-bg-yellow-800 { background-color: rgb(216,176,13) !important; } .u-yellow-900 { color: rgb(120,98,7) !important; } .u-bg-yellow-900 { background-color: rgb(120,98,7) !important; } .u-green { color: rgb(78,189,125) !important; } .u-bg-green { background-color: rgb(78,189,125) !important; } .u-green-100 { color: rgb(234,247,239) !important; } .u-bg-green-100 { background-color: rgb(234,247,239) !important; } .u-green-200 { color: rgb(199,234,214) !important; } .u-bg-green-200 { background-color: rgb(199,234,214) !important; } .u-green-300 { color: rgb(158,218,183) !important; } .u-bg-green-300 { background-color: rgb(158,218,183) !important; } .u-green-400 { color: rgb(114,202,151) !important; } .u-bg-green-400 { background-color: rgb(114,202,151) !important; } .u-green-500 { color: rgb(78,189,125) !important; } .u-bg-green-500 { background-color: rgb(78,189,125) !important; } .u-green-600 { color: rgb(39,174,96) !important; } .u-bg-green-600 { background-color: rgb(39,174,96) !important; } .u-green-700 { color: rgb(6,119,36) !important; } .u-bg-green-700 { background-color: rgb(6,119,36) !important; } .u-green-800 { color: rgb(35,156,86) !important; } .u-bg-green-800 { background-color: rgb(35,156,86) !important; } .u-green-900 { color: rgb(19,87,48) !important; } .u-bg-green-900 { background-color: rgb(19,87,48) !important; } .u-blue { color: rgb(68,189,228) !important; } .u-bg-blue { background-color: rgb(68,189,228) !important; } .u-blue-100 { color: rgb(233,247,252) !important; } .u-bg-blue-100 { background-color: rgb(233,247,252) !important; } .u-blue-200 { color: rgb(196,234,246) !important; } .u-bg-blue-200 { background-color: rgb(196,234,246) !important; } .u-blue-300 { color: rgb(152,218,240) !important; } .u-bg-blue-300 { background-color: rgb(152,218,240) !important; } .u-blue-400 { color: rgb(107,202,234) !important; } .u-bg-blue-400 { background-color: rgb(107,202,234) !important; } .u-blue-500 { color: rgb(68,189,228) !important; } .u-bg-blue-500 { background-color: rgb(68,189,228) !important; } .u-blue-600 { color: rgb(27,174,222) !important; } .u-bg-blue-600 { background-color: rgb(27,174,222) !important; } .u-blue-700 { color: rgb(3,119,193) !important; } .u-bg-blue-700 { background-color: rgb(3,119,193) !important; } .u-blue-800 { color: rgb(24,156,199) !important; } .u-bg-blue-800 { background-color: rgb(24,156,199) !important; } .u-blue-900 { color: rgb(8,81,119) !important; } .u-bg-blue-900 { background-color: rgb(8,81,119) !important; } .u-cyan { color: rgb(46,220,217) !important; } .u-bg-cyan { background-color: rgb(46,220,217) !important; } .u-cyan-100 { color: rgb(230,251,250) !important; } .u-bg-cyan-100 { background-color: rgb(230,251,250) !important; } .u-cyan-200 { color: rgb(189,244,243) !important; } .u-bg-cyan-200 { background-color: rgb(189,244,243) !important; } .u-cyan-300 { color: rgb(140,236,234) !important; } .u-bg-cyan-300 { background-color: rgb(140,236,234) !important; } .u-cyan-400 { color: rgb(89,227,225) !important; } .u-bg-cyan-400 { background-color: rgb(89,227,225) !important; } .u-cyan-500 { color: rgb(46,220,217) !important; } .u-bg-cyan-500 { background-color: rgb(46,220,217) !important; } .u-cyan-600 { color: rgb(0,212,209) !important; } .u-bg-cyan-600 { background-color: rgb(0,212,209) !important; } .u-cyan-700 { color: rgb(0,190,188) !important; } .u-bg-cyan-700 { background-color: rgb(0,190,188) !important; } .u-cyan-800 { color: rgb(0,176,171) !important; } .u-bg-cyan-800 { background-color: rgb(0,176,171) !important; } .u-cyan-900 { color: rgb(0,106,104) !important; } .u-bg-cyan-900 { background-color: rgb(0,106,104) !important; } .u-purple { color: rgb(185,131,252) !important; } .u-bg-purple { background-color: rgb(185,131,252) !important; } .u-purple-100 { color: rgb(247,240,255) !important; } .u-bg-purple-100 { background-color: rgb(247,240,255) !important; } .u-purple-200 { color: rgb(233,216,254) !important; } .u-bg-purple-200 { background-color: rgb(233,216,254) !important; } .u-purple-300 { color: rgb(217,187,253) !important; } .u-bg-purple-300 { background-color: rgb(217,187,253) !important; } .u-purple-400 { color: rgb(200,157,252) !important; } .u-bg-purple-400 { background-color: rgb(200,157,252) !important; } .u-purple-500 { color: rgb(185,131,252) !important; } .u-bg-purple-500 { background-color: rgb(185,131,252) !important; } .u-purple-600 { color: rgb(170,104,251) !important; } .u-bg-purple-600 { background-color: rgb(170,104,251) !important; } .u-purple-700 { color: rgb(153,93,225) !important; } .u-bg-purple-700 { background-color: rgb(153,93,225) !important; } .u-purple-800 { color: rgb(113,42,247) !important; } .u-bg-purple-800 { background-color: rgb(113,42,247) !important; } .u-purple-900 { color: rgb(85,52,125) !important; } .u-bg-purple-900 { background-color: rgb(85,52,125) !important; } .u-gray { color: rgb(206,206,206) !important; } .u-bg-gray { background-color: rgb(206,206,206) !important; } .u-gray-50 { color: rgb(255,255,255) !important; } .u-bg-gray-50 { background-color: rgb(255,255,255) !important; } .u-gray-100 { color: rgb(241,241,241) !important; } .u-bg-gray-100 { background-color: rgb(241,241,241) !important; } .u-gray-200 { color: rgb(235,235,235) !important; } .u-bg-gray-200 { background-color: rgb(235,235,235) !important; } .u-gray-300 { color: rgb(227,227,227) !important; } .u-bg-gray-300 { background-color: rgb(227,227,227) !important; } .u-gray-400 { color: rgb(215,215,215) !important; } .u-bg-gray-400 { background-color: rgb(215,215,215) !important; } .u-gray-500 { color: rgb(206,206,206) !important; } .u-bg-gray-500 { background-color: rgb(206,206,206) !important; } .u-gray-600 { color: rgb(191,191,191) !important; } .u-bg-gray-600 { background-color: rgb(191,191,191) !important; } .u-gray-700 { color: rgb(180,180,180) !important; } .u-bg-gray-700 { background-color: rgb(180,180,180) !important; } .u-gray-800 { color: rgb(153,153,153) !important; } .u-bg-gray-800 { background-color: rgb(153,153,153) !important; } .u-gray-900 { color: rgb(102,102,102) !important; } .u-bg-gray-900 { background-color: rgb(102,102,102) !important; } .u-bg-gray-A100 { background-color: rgb(51,51,51) !important; } .u-gray-A100 { color: rgb(51,51,51) !important; } .u-bg-gray-A200 { background-color: rgb(25,25,25) !important; } .u-gray-A200 { color: rgb(25,25,25) !important; } .bg-black { background-color: rgb(0,0,0) !important; } .black { color: rgb(0,0,0) !important; } .bg-white { background-color: rgb(255,255,255) !important; } .white { color: rgb(255,255,255) !important; } .bg-primary { background-color: rgb(30,136,229) !important; } .bg-primary-contrast { background-color: rgb(255,255,255) !important; } .bg-primary-dark { background-color: rgb(21,101,192) !important; } .bg-accent { background-color: rgb(67,160,71) !important; } .bg-accent-contrast { background-color: rgb(255,255,255) !important; } .text-primary { color: rgb(30,136,229) !important; } .text-primary-contrast { color: rgb(255,255,255) !important; } .text-primary-dark { color: rgb(21,101,192) !important; } .text-accent { color: rgb(67,160,71) !important; } .text-accent-contrast { color: rgb(255,255,255) !important; } /* * 保护有用的浏览器默认样式而不是完全去掉它们 * 一般化的样式:为大部分HTML元素提供 * 修复浏览器自身的bug并保证各浏览器的一致性 * 优化CSS可用性:用一些小技巧 * 解释代码:用注释和详细的文档来 */ html { width: 100%; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* * 使body占据整个屏幕删除body边距,因此布局容器不会导致额外的溢出。 * 去掉默认的margin */ body { margin: 0; width: 100%; height: 100%; } /* * 主显示屏复位为IE支持 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011 */ main { display: block; } /* * 对具有hidden属性的元素不应用显示。 * IE 9 and 10 support. */ *[hidden] { display: none !important; } *, :after, :before { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, input, select, textarea { font: inherit; } optgroup { font-weight: bold; } button, input, select { overflow: visible; } button, input, select, textarea { margin: 0; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } [disabled] { cursor: default; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* FormGroup */ /* Navlayout */ html { font-size: 10px; } body { font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-color: rgb(153,153,153); font-size: 1.4rem; line-height: 1.4; } i.uf { padding: 0 5px; } /* * 选择时删除文本阴影,及设置默认选中颜色 */ ::-moz-selection { background: rgb(187,222,251); text-shadow: none; } ::selection { background: rgb(187,222,251); text-shadow: none; } /* * 默认水平规则 */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * 删除音频,画布,iframes,图像,视频和其容器底部之间的差距 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * 仅允许垂直调整textareas的大小 */ textarea { resize: vertical; } /* ========================================================================== 浏览器升级提示 ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* * 适用于屏幕阅读器的隐藏 */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * 扩展.visuallyhidden类以允许元素在通过键盘导航时是可对焦的: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* ========================================================================== 打印样式。内联以避免额外的HTTP请求 ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * 不显示片段标识符的链接, * 或使用`javascript:`伪协议 */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * 打印表格: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* *删除FAB按钮周围的不需要的框 ,主要兼容ios的safari和部分android **/ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } @font-face { font-family: "uf"; src: url("../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920"); /* IE9*/ src: url("../node_modules/tinper-bee-core/scss/iconfont.eot?t=1483429573920#iefix") format("embedded-opentype"), url("../node_modules/tinper-bee-core/scss/iconfont.woff?t=1483429573920") format("woff"), url("../node_modules/tinper-bee-core/scss/iconfont.ttf?t=1483429573920") format("truetype"), url("../node_modules/tinper-bee-core/scss/iconfont.svg?t=1483429573920#uf") format("svg"); /* iOS 4.1- */ } .uf { font-family: "uf" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uf-wechat:before { content: "\3488"; } .uf-add-c-o:before { content: "\e601"; } .uf-search:before { content: "\e603"; } .uf-histogram-arrow-up:before { content: "\e633"; } .uf-close-bold:before { content: "\e602"; } .uf-umbrella:before { content: "\e63b"; } .uf-qq:before { content: "\e694"; } .uf-4square-3:before { content: "\e63d"; } .uf-send:before { content: "\e63f"; } .uf-map:before { content: "\e66c"; } .uf-9square-2:before { content: "\e63e"; } .uf-navmenu:before { content: "\e614"; } .uf-pc-2:before { content: "\e644"; } .uf-search-light-2:before { content: "\e627"; } .uf-check-s-2:before { content: "\e66e"; } .uf-pencil:before { content: "\e69b"; } .uf-repeat:before { content: "\e634"; } .uf-security-2:before { content: "\e6a5"; } .uf-lexi:before { content: "\e643"; } .uf-pencil-s:before { content: "\e77d"; } .uf-del:before { content: "\e654"; } .uf-bi-o:before { content: "\e641"; } .uf-pencil-c:before { content: "\e6e6"; } .uf-qrcode:before { content: "\e661"; } .uf-rmb-c-o:before { content: "\e645"; } .uf-search-c-o:before { content: "\e659"; } .uf-bell:before { content: "\e60c"; } .uf-pass-3:before { content: "\e649"; } .uf-treearrow-down:before { content: "\e608"; } .uf-training:before { content: "\e617"; } .uf-group-2:before { content: "\e64c"; } .uf-zoom-in:before { content: "\e906"; } .uf-security-o:before { content: "\e7ac"; } .uf-baojia-c:before { content: "\e64d"; } .uf-rulerpen:before { content: "\e623"; } .uf-erpsearch:before { content: "\e64e"; } .uf-group-o:before { content: "\e6a8"; } .uf-cloud-o-updown:before { content: "\e725"; } .uf-close-c-o:before { content: "\e625"; } .uf-add-s:before { content: "\e620"; } .uf-pc:before { content: "\e6e8"; } .uf-rain:before { content: "\e771"; } .uf-nodata:before { content: "\e64f"; } .uf-close-c:before { content: "\e66b"; } .uf-bohui-s-o:before { content: "\e65f"; } .uf-cloud:before { content: "\e772"; } .uf-bag-s:before { content: "\e650"; } .uf-table-2:before { content: "\e95f"; } .uf-anglearrowpointingtoright:before { content: "\e61e"; } .uf-exc-c-o:before { content: "\e615"; } .uf-group:before { content: "\e651"; } .uf-personin-o:before { content: "\e8d3"; } .uf-calendar:before { content: "\e646"; } .uf-add-s-o:before { content: "\e604"; } .uf-sync-c-o:before { content: "\e655"; } .uf-grid:before { content: "\e657"; } .uf-anglepointingtoleft:before { content: "\e624"; } .uf-activate-3:before { content: "\e65b"; } .uf-caven:before { content: "\e663"; } .uf-back:before { content: "\e6e3"; } .uf-pass-2:before { content: "\e65d"; } .uf-reduce-s-o:before { content: "\e719"; } .uf-area:before { content: "\e6ea"; } .uf-flag:before { content: "\e65e"; } .uf-box-o-2:before { content: "\e610"; } .uf-arrow-s-o-down:before { content: "\e660"; } .uf-arrow-s-o-up:before { content: "\e662"; } .uf-building:before { content: "\e6ee"; } .uf-tapp:before { content: "\e773"; } .uf-treefolder:before { content: "\e628"; } .uf-advice:before { content: "\e6cf"; } .uf-2collayout:before { content: "\e618"; } .uf-check-s:before { content: "\e672"; } .uf-sign:before { content: "\e67a"; } .uf-listsearch:before { content: "\e67c"; } .uf-gridcaretarrowup:before { content: "\e636"; } .uf-eye-c-o:before { content: "\e67e"; } .uf-check-c-o:before { content: "\e6ef"; } .uf-seal:before { content: "\e67f"; } .uf-erpbox:before { content: "\e6ae"; } .uf-rulerpen-o:before { content: "\e62e"; } .uf-role:before { content: "\e7c2"; } .uf-exc-c-2:before { content: "\e675"; } .uf-pad:before { content: "\e6bd"; } .uf-treefolder-closed:before { content: "\e688"; } .uf-reduce-c-o:before { content: "\e635"; } .uf-pass-s-o:before { content: "\e682"; } .uf-setting:before { content: "\e683"; } .uf-close-s:before { content: "\e76a"; } .uf-map-o:before { content: "\e665"; } .uf-move:before { content: "\e68b"; } .uf-2arrow-down:before { content: "\e606"; } .uf-2arrow-right:before { content: "\e60b"; } .uf-arrow-c-o-left:before { content: "\e684"; } .uf-plus:before { content: "\e763"; } .uf-arrow-c-o-right:before { content: "\e685"; } .uf-arrow-c-o-down:before { content: "\e687"; } .uf-list-s-o:before { content: "\e746"; } .uf-cloud-o-down:before { content: "\e673"; } .uf-nodata-2:before { content: "\e68c"; } .uf-file-s:before { content: "\e642"; } .uf-2arrow-up:before { content: "\e607"; } .uf-notification:before { content: "\e9cc"; } .uf-piechart:before { content: "\e6f0"; } .uf-cloud-o-up:before { content: "\e6ac"; } .uf-close:before { content: "\e76b"; } .uf-correct:before { content: "\e677"; } .uf-histogram-s-o-2:before { content: "\e6fa"; } .uf-4square-2:before { content: "\e691"; } .uf-sunny:before { content: "\e774"; } .uf-link:before { content: "\e6fe"; } .uf-eye:before { content: "\e692"; } .uf-eye-o:before { content: "\e69c"; } .uf-qian:before { content: "\e69e"; } .uf-widgetab:before { content: "\e6f2"; } .uf-rmb-s:before { content: "\e6a0"; } .uf-link-off:before { content: "\e6ff"; } .uf-shang-s:before { content: "\e6a1"; } .uf-xia-s:before { content: "\e6a6"; } .uf-box-2:before { content: "\e616"; } .uf-pass-o:before { content: "\e6a7"; } .uf-arrow-down:before { content: "\e609"; } .uf-arrow-right:before { content: "\e611"; } .uf-arrow-left:before { content: "\e612"; } .uf-box:before { content: "\e613"; } .uf-triangle-right:before { content: "\e61c"; } .uf-histogram-s-o:before { content: "\e626"; } .uf-book:before { content: "\e62a"; } .uf-bookmark-o:before { content: "\e631"; } .uf-leaf:before { content: "\e62d"; } .uf-bullseye:before { content: "\e632"; } .uf-gridcaretdown:before { content: "\e637"; } .uf-triangle-up:before { content: "\e638"; } .uf-triangle-down:before { content: "\e639"; } .uf-cloud-down:before { content: "\e64a"; } .uf-cloud-up:before { content: "\e64b"; } .uf-bubble:before { content: "\e652"; } .uf-bubble-o:before { content: "\e653"; } .uf-copy:before { content: "\e65a"; } .uf-correct-2:before { content: "\e658"; } .uf-2arrow-left:before { content: "\e664"; } .uf-arrow-down-2:before { content: "\e667"; } .uf-download:before { content: "\e669"; } .uf-earth:before { content: "\e66d"; } .uf-mail-o:before { content: "\e66f"; } .uf-mail:before { content: "\e670"; } .uf-exc:before { content: "\e674"; } .uf-externallink:before { content: "\e676"; } .uf-video:before { content: "\e67b"; } .uf-films:before { content: "\e680"; } .uf-folder:before { content: "\e689"; } .uf-folder-o:before { content: "\e68a"; } .uf-4square:before { content: "\e68e"; } .uf-gift:before { content: "\e693"; } .uf-github-c:before { content: "\e695"; } .uf-github-s:before { content: "\e696"; } .uf-heart-o:before { content: "\e6a3"; } .uf-heart:before { content: "\e6a4"; } .uf-home:before { content: "\e6a2"; } .uf-i-c-2:before { content: "\e6aa"; } .uf-i:before { content: "\e6ab"; } .uf-triangle-left:before { content: "\e6b0"; } .uf-symlist:before { content: "\e6be"; } .uf-arrow-left-2:before { content: "\e6bf"; } .uf-arrow-right-2:before { content: "\e6c0"; } .uf-arrow-up-2:before { content: "\e6c1"; } .uf-reduce-c:before { content: "\e6cb"; } .uf-reduce-s:before { content: "\e6cc"; } .uf-minus:before { content: "\e6ce"; } .uf-mobile:before { content: "\e6e0"; } .uf-bell-o:before { content: "\e6d4"; } .uf-9square:before { content: "\e6d5"; } .uf-numlist:before { content: "\e6dd"; } .uf-folderopen-o:before { content: "\e6d7"; } .uf-treefolderopen:before { content: "\e6d8"; } .uf-mac:before { content: "\e6ed"; } .uf-camera:before { content: "\e6e4"; } .uf-picture:before { content: "\e6e5"; } .uf-play:before { content: "\e6eb"; } .uf-play-o:before { content: "\e6ec"; } .uf-qm-c:before { content: "\e6f4"; } .uf-qm:before { content: "\e6f5"; } .uf-navmenu-light:before { content: "\e6fd"; } .uf-settings:before { content: "\e70c"; } .uf-cart:before { content: "\e711"; } .uf-histogram:before { content: "\e714"; } .uf-finetune:before { content: "\e71a"; } .uf-sortup:before { content: "\e71b"; } .uf-sortdown:before { content: "\e71c"; } .uf-sort19:before { content: "\e71d"; } .uf-sort91:before { content: "\e71f"; } .uf-za:before { content: "\e721"; } .uf-star-o:before { content: "\e726"; } .uf-star-2:before { content: "\e727"; } .uf-star:before { content: "\e728"; } .uf-luggage:before { content: "\e72d"; } .uf-table:before { content: "\e730"; } .uf-tel:before { content: "\e734"; } .uf-tel-s:before { content: "\e735"; } .uf-terminal:before { content: "\e736"; } .uf-file:before { content: "\e738"; } .uf-file-o:before { content: "\e739"; } .uf-3dot-h:before { content: "\e73c"; } .uf-time-c-o:before { content: "\e742"; } .uf-upload:before { content: "\e750"; } .uf-3dot-v:before { content: "\e753"; } .uf-rmb:before { content: "\e757"; } .uf-arrow-c-o-up:before { content: "\e6a9"; } .uf-reject-2:before { content: "\e6ad"; } .uf-barcode:before { content: "\e7fc"; } .uf-zoom-out:before { content: "\e686"; } .uf-exc-t-o:before { content: "\e60a"; } .uf-pass:before { content: "\e6b1"; } .uf-flow:before { content: "\e6b2"; } .uf-add-c:before { content: "\e61a"; } .uf-arrow-c-o-right-2:before { content: "\e6b3"; } .uf-shelf-on:before { content: "\e6b4"; } .uf-shelf-off:before { content: "\e6b5"; } .uf-file-o-2:before { content: "\e60f"; } .uf-truck-o:before { content: "\e6b6"; } .uf-super:before { content: "\e62c"; } .uf-equipment:before { content: "\e630"; } .uf-arrow-c-o-left-2:before { content: "\e6b8"; } .uf-files-o:before { content: "\e6fc"; } .uf-cloud-o:before { content: "\e6ba"; } .uf-rmb-s-o-2:before { content: "\e6bb"; } .uf-3dot-c-o:before { content: "\e6f3"; } .uf-dafeng:before { content: "\e775"; } .uf-baoxue:before { content: "\e776"; } .uf-bingbao:before { content: "\e777"; } .uf-fengbao:before { content: "\e778"; } .uf-xiaoyu:before { content: "\e779"; } .uf-zhenxue:before { content: "\e77a"; } .uf-zhongyu:before { content: "\e77b"; } .uf-es:before { content: "\e747"; } .uf-flow-o-2:before { content: "\e6bc"; } .uf-activate-2:before { content: "\e6c2"; } .uf-flow-o:before { content: "\e6c3"; } .uf-bulb-2:before { content: "\e63a"; } .uf-mi-c:before { content: "\e62f"; } .uf-top-up:before { content: "\e668"; } .uf-creditcard:before { content: "\e8b4"; } .uf-align-center:before { content: "\e8b9"; } .uf-align-justify:before { content: "\e8ba"; } .uf-align-left:before { content: "\e8bb"; } .uf-align-right:before { content: "\e8bc"; } .uf-ju-c-o:before { content: "\e6c4"; } .uf-truck:before { content: "\e990"; } .uf-setting-c-o:before { content: "\e6c5"; } .uf-users-o:before { content: "\e91b"; } .uf-bag-s-o:before { content: "\e6c6"; } .uf-cai-s:before { content: "\e6c7"; } .uf-listcheck:before { content: "\e6c8"; } .uf-users:before { content: "\e794"; } .uf-i-c:before { content: "\e6cd"; } .uf-building-o:before { content: "\e6f6"; } .uf-rmb-s-o:before { content: "\e6d0"; } .uf-reject:before { content: "\e6d1"; } .uf-9dot:before { content: "\e6f7"; } .uf-loadingstate:before { content: "\e600"; } .uf-gateway:before { content: "\e6d3"; } .uf-ticket-s-o:before { content: "\e6d6"; } .uf-userset:before { content: "\e6f8"; } .uf-puzzle-o:before { content: "\e648"; } .uf-box-o:before { content: "\e6d9"; } .uf-bulb:before { content: "\e6da"; } .uf-exc-t:before { content: "\e61b"; } .uf-rmb-c:before { content: "\e6db"; } .uf-table-s-o:before { content: "\e759"; } .uf-umbrella-o:before { content: "\e6dc"; } .uf-dropbox:before { content: "\e69d"; } .uf-search-light:before { content: "\e622"; } .uf-cart-o:before { content: "\e8c4"; } .uf-kero-col:before { content: "\e8c7"; } .uf-uba-col:before { content: "\e8c8"; } .uf-tinperzc-col:before { content: "\e8c9"; } .uf-tinperzch-col:before { content: "\e8ca"; } .uf-iuap-col:before { content: "\e8cb"; } .uf-iuapdesign-col:before { content: "\e8cc"; } .uf-bee-col:before { content: "\e8cd"; } .uf-neoui-col:before { content: "\e8ce"; } .uf-sparrow-col:before { content: "\e8cf"; } .uf-tinpercn-col:before { content: "\e8d0"; } .uf-tinperen-col:before { content: "\e8d1"; } .uf-arrow-up:before { content: "\e8d2"; } .uf-mailsym:before { content: "\e605"; } .uf-print:before { content: "\e60e"; } .uf-ticket-3:before { content: "\e619"; } .uf-loan:before { content: "\e61f"; } .uf-ticket-2:before { content: "\e629"; } .uf-offwork:before { content: "\e62b"; } .uf-todolist:before { content: "\e640"; } .uf-personin:before { content: "\e66a"; } .uf-ticket:before { content: "\e671"; } .uf-linechart:before { content: "\e6fb"; } .uf-4leaf:before { content: "\e6de"; } .uf-listset:before { content: "\e6df"; } .uf-qi-c-o:before { content: "\e621"; } .uf-exc-c:before { content: "\e61d"; } .uf-code:before { content: "\e656"; } .uf-plug-o:before { content: "\e60d"; } .uf-search-s:before { content: "\e991"; } .uf-treeadd:before { content: "\e992"; } .uf-mi:before { content: "\e993"; } .uf-treeline-copy:before { content: "\e994"; } /* FormGroup */ /* Navlayout */ .vertical-align { font-size: 0; } .vertical-align:before { display: inline-block; height: 100%; vertical-align: middle; content: ""; } .vertical-align-middle, .vertical-align-bottom { display: inline-block; max-width: 100%; font-size: 14px; } .vertical-align-middle { vertical-align: middle; } .vertical-align-bottom { vertical-align: bottom; } .inline { display: inline !important; } .inline-block { display: inline-block !important; } .block { display: block !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; } .text-break { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; white-space: normal; } .text-nowrap { white-space: nowrap; } .text-muted { color: inherit; opacity: 0.75; } .text-muted-dk { color: inherit; opacity: 0.5; } .text-muted-lt { color: inherit; opacity: 0.25; } .text-top { vertical-align: top !important; } .text-middle { vertical-align: middle !important; } .text-bottom { vertical-align: bottom !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-unset { font-weight: unset !important; } .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-bold { font-weight: 700 !important; } .font-size-0 { font-size: 0 !important; } .font-size-10 { font-size: 10px !important; } .font-size-12 { font-size: 12px !important; } .font-size-14 { font-size: 14px !important; } .font-size-16 { font-size: 16px !important; } .font-size-18 { font-size: 18px !important; } .font-size-20 { font-size: 20px !important; } .font-size-24 { font-size: 24px !important; } .font-size-26 { font-size: 26px !important; } .font-size-30 { font-size: 30px !important; } .font-size-40 { font-size: 40px !important; } .font-size-50 { font-size: 50px !important; } .font-size-60 { font-size: 60px !important; } .font-size-70 { font-size: 70px !important; } .font-size-80 { font-size: 80px !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } /* 宽高 */ .w-16 { width: 16px; } .w-20 { width: 20px; } .w-24 { width: 24px; } .w-32 { width: 32px; } .w-40 { width: 40px; } .w-48 { width: 48px; } .w-56 { width: 56px; } .w-64 { width: 64px; } .w-xs { width: 90px; } .w-sm { width: 120px; } .w { width: 180px; } .w-md { width: 200px; } .w-lg { width: 240px; } .w-xl { width: 280px; } .w-xxl { width: 320px; } .w-full { width: 100%; } .width-50 { width: 50px; } .width-100 { width: 100px; } .width-150 { width: 150px; } .width-200 { width: 200px; } .width-250 { width: 250px; } .width-300 { width: 300px; } .width-350 { width: 350px; } .width-400 { width: 400px; } .width-450 { width: 450px; } .width-500 { width: 500px; } .width-full { width: 100% !important; } .width-auto { width: auto; } .h-16 { height: 16px; } .h-20 { height: 20px; } .h-24 { height: 24px; } .h-32 { height: 32px; } .h-40 { height: 40px; } .h-48 { height: 48px; } .h-56 { height: 56px; } .h-64 { height: 64px; } .h-xxl { height: 60px; } .h-xs { height: 90px; } .h-sm { height: 120px; } .h { height: 180px; } .h-md { height: 200px; } .h-lg { height: 240px; } .h-xl { height: 280px; } .h-xxl { height: 320px; } .h-auto { height: auto; } .h-full { height: 100%; } .height-50 { height: 50px; } .height-100 { height: 100px; } .height-120 { height: 120px; } .height-150 { height: 150px; } .height-200 { height: 200px; } .height-250 { height: 250px; } .height-300 { height: 300px; } .height-350 { height: 350px; } .height-400 { height: 400px; } .height-450 { height: 450px; } .height-500 { height: 500px; } .height-full { height: 100% !important; } .height-auto { height: auto; } /* 外边距 */ .no-margin { margin: 0; } .m { margin: 16px; } .m-xs { margin: 4px; } .m-sm { margin: 8px; } .m-md { margin: 24px; } .m-lg { margin: 32px; } .m-v-xs { margin-top: 4px; margin-bottom: 4px; } .m-v-sm { margin-top: 8px; margin-bottom: 8px; } .m-v { margin-top: 16px; margin-bottom: 16px; } .m-v-md { margin-top: 24px; margin-bottom: 24px; } .m-v-lg { margin-top: 32px; margin-bottom: 32px; } .m-h-xs { margin-right: 4px; margin-left: 4px; } .m-h-sm { margin-right: 8px; margin-left: 8px; } .m-h { margin-right: 16px; margin-left: 16px; } .m-h-md { margin-right: 24px; margin-left: 24px; } .m-h-lg { margin-right: 32px; margin-left: 32px; } .m-t { margin-top: 16px; } .m-t-xs { margin-top: 4px; } .m-t-sm { margin-top: 8px; } .m-t-md { margin-top: 24px; } .m-t-lg { margin-top: 32px; } .m-r { margin-right: 16px; } .m-r-xs { margin-right: 4px; } .m-r-sm { margin-right: 8px; } .m-r-md { margin-right: 24px; } .m-r-lg { margin-right: 32px; } .m-b { margin-bottom: 16px; } .m-b-xs { margin-bottom: 4px; } .m-b-sm { margin-bottom: 8px; } .m-b-md { margin-bottom: 24px; } .m-b-lg { margin-bottom: 32px; } .m-l { margin-left: 16px; } .m-l-xs { margin-left: 4px; } .m-l-sm { margin-left: 8px; } .m-l-md { margin-left: 24px; } .m-l-lg { margin-left: 32px; } .m-n { margin: -16px; } .m-h-n { margin-right: -16px; margin-left: -16px; } .m-v-n { margin-top: -16px; margin-bottom: -16px; } .m-l-n { margin-left: -16px; } .m-r-n { margin-right: -16px; } .m-t-n { margin-top: -16px; } .m-b-n { margin-bottom: -16px; } .margin-0 { margin: 0 !important; } .margin-3 { margin: 3px !important; } .margin-5 { margin: 5px !important; } .margin-10 { margin: 10px !important; } .margin-15 { margin: 15px !important; } .margin-20 { margin: 20px !important; } .margin-25 { margin: 25px !important; } .margin-30 { margin: 30px !important; } .margin-35 { margin: 35px !important; } .margin-40 { margin: 40px !important; } .margin-45 { margin: 45px !important; } .margin-50 { margin: 50px !important; } .margin-60 { margin: 60px !important; } .margin-70 { margin: 70px !important; } .margin-80 { margin: 80px !important; } .margin-vertical-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .margin-vertical-3 { margin-top: 3px !important; margin-bottom: 3px !important; } .margin-vertical-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .margin-vertical-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .margin-vertical-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .margin-vertical-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .margin-vertical-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .margin-vertical-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .margin-vertical-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .margin-vertical-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .margin-vertical-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .margin-vertical-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .margin-vertical-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .margin-vertical-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .margin-vertical-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .margin-horizontal-0 { margin-right: 0 !important; margin-left: 0 !important; } .margin-horizontal-3 { margin-right: 3px !important; margin-left: 3px !important; } .margin-horizontal-5 { margin-right: 5px !important; margin-left: 5px !important; } .margin-horizontal-10 { margin-right: 10px !important; margin-left: 10px !important; } .margin-horizontal-15 { margin-right: 15px !important; margin-left: 15px !important; } .margin-horizontal-20 { margin-right: 20px !important; margin-left: 20px !important; } .margin-horizontal-25 { margin-right: 25px !important; margin-left: 25px !important; } .margin-horizontal-30 { margin-right: 30px !important; margin-left: 30px !important; } .margin-horizontal-35 { margin-right: 35px !important; margin-left: 35px !important; } .margin-horizontal-40 { margin-right: 40px !important; margin-left: 40px !important; } .margin-horizontal-45 { margin-right: 45px !important; margin-left: 45px !important; } .margin-horizontal-50 { margin-right: 50px !important; margin-left: 50px !important; } .margin-horizontal-60 { margin-right: 60px !important; margin-left: 60px !important; } .margin-horizontal-70 { margin-right: 70px !important; margin-left: 70px !important; } .margin-horizontal-80 { margin-right: 80px !important; margin-left: 80px !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-3 { margin-top: 3px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-3 { margin-bottom: 3px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-left-0 { margin-left: 0 !important; } .margin-left-3 { margin-left: 3px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-35 { margin-left: 35px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-45 { margin-left: 45px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-left-60 { margin-left: 60px !important; } .margin-left-70 { margin-left: 70px !important; } .margin-left-80 { margin-left: 80px !important; } .margin-right-0 { margin-right: 0 !important; } .margin-right-3 { margin-right: 3px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-35 { margin-right: 35px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-45 { margin-right: 45px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-right-70 { margin-right: 70px !important; } .margin-right-80 { margin-right: 80px !important; } /* 内边距 */ .no-padding { padding: 0 !important; } .no-padding-h { padding-right: 0 !important; padding-left: 0 !important; } .no-padding-v { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xs { padding: 4px; } .p-sm { padding: 8px; } .p { padding: 16px; } .p-md { padding: 24px; } .p-lg { padding: 32px; } .p-h { padding-right: 16px; padding-left: 16px; } .p-h-xs { padding-right: 4px; padding-left: 4px; } .p-h-sm { padding-right: 8px; padding-left: 8px; } .p-h-md { padding-right: 24px; padding-left: 24px; } .p-t-md { padding-top: 24px; } .p-b-md { padding-bottom: 24px; } .p-l-md { padding-left: 24px; } .p-h-lg { padding-right: 32px; padding-left: 32px; } .p-v { padding-top: 16px; padding-bottom: 16px; } .p-v-xs { padding-top: 4px; padding-bottom: 4px; } .p-v-sm { padding-top: 8px; padding-bottom: 8px; } .p-v-md { padding-top: 24px; padding-bottom: 24px; } .p-v-lg { padding-top: 32px; padding-bottom: 32px; } .padding { padding: 32px 32px; } .padding-out { margin: -32px -32px; } .padding-0 { padding: 0 !important; } .padding-3 { padding: 3px !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-25 { padding: 25px !important; } .padding-30 { padding: 30px !important; } .padding-35 { padding: 35px !important; } .padding-40 { padding: 40px !important; } .padding-45 { padding: 45px !important; } .padding-50 { padding: 50px !important; } .padding-60 { padding: 60px !important; } .padding-70 { padding: 70px !important; } .padding-80 { padding: 80px !important; } .padding-vertical-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .padding-vertical-3 { padding-top: 3px !important; padding-bottom: 3px !important; } .padding-vertical-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .padding-vertical-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .padding-vertical-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .padding-vertical-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .padding-vertical-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .padding-vertical-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .padding-vertical-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .padding-vertical-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .padding-vertical-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .padding-vertical-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .padding-vertical-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .padding-vertical-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .padding-vertical-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .padding-horizontal-0 { padding-right: 0 !important; padding-left: 0 !important; } .padding-horizontal-3 { padding-right: 3px !important; padding-left: 3px !important; } .padding-horizontal-5 { padding-right: 5px !important; padding-left: 5px !important; } .padding-horizontal-10 { padding-right: 10px !important; padding-left: 10px !important; } .padding-horizontal-15 { padding-right: 15px !important; padding-left: 15px !important; } .padding-horizontal-20 { padding-right: 20px !important; padding-left: 20px !important; } .padding-horizontal-25 { padding-right: 25px !important; padding-left: 25px !important; } .padding-horizontal-30 { padding-right: 30px !important; padding-left: 30px !important; } .padding-horizontal-35 { padding-right: 35px !important; padding-left: 35px !important; } .padding-horizontal-40 { padding-right: 40px !important; padding-left: 40px !important; } .padding-horizontal-45 { padding-right: 45px !important; padding-left: 45px !important; } .padding-horizontal-50 { padding-right: 50px !important; padding-left: 50px !important; } .padding-horizontal-60 { padding-right: 60px !important; padding-left: 60px !important; } .padding-horizontal-70 { padding-right: 70px !important; padding-left: 70px !important; } .padding-horizontal-80 { padding-right: 80px !important; padding-left: 80px !important; } .padding-top-0 { padding-top: 0 !important; } .padding-top-3 { padding-top: 3px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-45 { padding-top: 45px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-top-70 { padding-top: 70px !important; } .padding-top-80 { padding-top: 80px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-3 { padding-bottom: 3px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-45 { padding-bottom: 45px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } .padding-bottom-70 { padding-bottom: 70px !important; } .padding-bottom-80 { padding-bottom: 80px !important; } .padding-left-0 { padding-left: 0 !important; } .padding-left-3 { padding-left: 3px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-25 { padding-left: 25px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-35 { padding-left: 35px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-left-45 { padding-left: 45px !important; } .padding-left-50 { padding-left: 50px !important; } .padding-left-60 { padding-left: 60px !important; } .padding-left-70 { padding-left: 70px !important; } .padding-left-80 { padding-left: 80px !important; } .padding-right-0 { padding-right: 0 !important; } .padding-right-3 { padding-right: 3px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-25 { padding-right: 25px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-right-35 { padding-right: 35px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-right-45 { padding-right: 45px !important; } .padding-right-50 { padding-right: 50px !important; } .padding-right-60 { padding-right: 60px !important; } .padding-right-70 { padding-right: 70px !important; } .padding-right-80 { padding-right: 80px !important; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } .visible-xs table { display: table !important; } .visible-xs tr { display: table-row !important; } .visible-xs th, .visible-xs td { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 767px) { .visible-sm { display: block !important; } .visible-sm table { display: table !important; } .visible-sm tr { display: table-row !important; } .visible-sm th, .visible-sm td { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 767px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 767px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 767px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } .visible-md table { display: table !important; } .visible-md tr { display: table-row !important; } .visible-md th, .visible-md td { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } .visible-lg table { display: table !important; } .visible-lg tr { display: table-row !important; } .visible-lg th, .visible-lg td { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } /* 边框 */ .no-border { border-color: transparent; border-width: 0; } /* 背景 */ .no-bg { color: inherit; background-color: transparent; } .u-link { cursor: pointer; color: rgb(63,81,181); background-color: transparent; text-decoration: none; } .u-link:active, .u-link:hover { outline: 0; } .u-link:focus, .u-link:hover { text-decoration: underline; } .u-border-top { border-top: 1px solid rgb(241,241,241); } .u-border-left { border-left: 1px solid rgb(241,241,241); } .u-border-right { border-right: 1px solid rgb(241,241,241); } .u-border-bottom { border-bottom: 1px solid rgb(241,241,241); } /* FormGroup */ /* Navlayout */ .u-shadow-0dp { box-shadow: none; } .u-shadow-2dp { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 black, 0 3px 1px -2px black, 0 1px 5px 0 black \9; } .u-shadow-3dp { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .u-shadow-4dp { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .u-shadow-6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); } .u-shadow-8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } .u-shadow-16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .u-shadow-24dp { box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); } /* keyframes 定义 */ @keyframes uSlideUpIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } } @keyframes uSlideUpOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8); } } @keyframes uSlideDownIn { 0% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8); } 100% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } } @keyframes uSlideDownOut { 0% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8); } } @keyframes uSlideLeftIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleX(0.8); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleX(1); } } @keyframes uSlideLeftOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleX(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleX(0.8); } } @keyframes uSlideRightIn { 0% { opacity: 0; transform-origin: 100% 0%; transform: scaleX(0.8); } 100% { opacity: 1; transform-origin: 100% 0%; transform: scaleX(1); } } @keyframes uSlideRightOut { 0% { opacity: 1; transform-origin: 100% 0%; transform: scaleX(1); } 100% { opacity: 0; transform-origin: 100% 0%; transform: scaleX(0.8); } } @keyframes uSwingIn { 0%, 100% { transform: translateX(0px); } 20% { transform: translateX(-10px); } 40% { transform: translateX(10px); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } } @keyframes uZoomIn { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } @keyframes uZoomOut { 0% { transform: scale(1); } 100% { opacity: 0; transform: scale(0.2); } } @keyframes uZoomBigIn { 0% { opacity: 0; transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes uZoomBigOut { 0% { transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } @keyframes uZoomUpIn { 0% { opacity: 0; transform-origin: 50% 0%; transform: scale(0.8); } 100% { transform-origin: 50% 0%; transform: scale(1); } } @keyframes uZoomUpOut { 0% { transform-origin: 50% 0%; transform: scale(1); } 100% { opacity: 0; transform-origin: 50% 0%; transform: scale(0.8); } } @keyframes uZoomLeftIn { 0% { opacity: 0; transform-origin: 0% 50%; transform: scale(0.8); } 100% { transform-origin: 0% 50%; transform: scale(1); } } @keyframes uZoomLeftOut { 0% { transform-origin: 0% 50%; transform: scale(1); } 100% { opacity: 0; transform-origin: 0% 50%; transform: scale(0.8); } } @keyframes uZoomRightIn { 0% { opacity: 0; transform-origin: 100% 50%; transform: scale(0.8); } 100% { transform-origin: 100% 50%; transform: scale(1); } } @keyframes uZoomRightOut { 0% { transform-origin: 100% 50%; transform: scale(1); } 100% { opacity: 0; transform-origin: 100% 50%; transform: scale(0.8); } } @keyframes uZoomDownIn { 0% { opacity: 0; transform-origin: 50% 100%; transform: scale(0.8); } 100% { transform-origin: 50% 100%; transform: scale(1); } } @keyframes uZoomDownOut { 0% { transform-origin: 50% 100%; transform: scale(1); } 100% { opacity: 0; transform-origin: 50% 100%; transform: scale(0.8); } } @keyframes rcMenuOpenZoomIn { 0% { opacity: 0; transform: scale(0, 0); } 100% { opacity: 1; transform: scale(1, 1); } } @keyframes rcMenuOpenZoomOut { 0% { transform: scale(1, 1); } 100% { opacity: 0; transform: scale(0, 0); } } @keyframes rcMenuOpenSlideUpIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } } @keyframes rcMenuOpenSlideUpOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } } /* FormGroup */ /* Navlayout */ .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .collapse { display: none; } .collapse.in { display: block; } .u-panel { line-height: 1.57142857; color: #757575; position: relative; margin-bottom: 20px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); background-color: #fff; border: 1px solid transparent; border-radius: 4px; } .u-panel .u-panel-heading { border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; padding: 10px 15px; border-bottom: 1px solid transparent; } .u-panel h4, .u-panel h3 { font-family: Roboto,sans-serif; font-weight: 400; line-height: 1.2; color: #424242; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.15) 0 0 1px; } .u-panel .u-panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .u-panel .u-panel-title { margin-top: 0; margin-bottom: 0; display: block; font-size: 18px; color: #424242; } .u-panel .u-panel-title .small { color: #757575; } .u-panel .u-panel-body { padding: 15px 15px; position: relative; } .u-panel-default { border-color: #ddd; } .u-panel-default .u-panel-heading { background-color: #f5f5f5; color: #333; } .u-panel-default .u-panel-footer { border-top: 1px solid transparent; } .u-panel-bordered { border-color: #ddd; } .u-panel-bordered .u-panel-heading { border-bottom: 1px solid #ddd; } .u-panel-bordered .u-panel-footer { border-top: 1px solid #ddd; background-color: #fff; } .u-panel > :not(.panel-loading):not(.collapsing) { transition: opacity .3s; } .u-button-group-vertical > .u-button-group:after, .u-button-group-vertical > .u-button-group:before, .u-button-toolbar:after, .u-button-toolbar:before, .clearfix:after, .clearfix:before, .u-container-fluid:after, .container-fluid:before, .u-container:after, .u-container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .u-modal-footer:after, .u-modal-footer:before, .u-modal-header:after, .u-modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .u-panel-body:after, .u-panel-body:before, .row:after, .row:before { display: table; content: " "; } .u-panel-body .h1:first-child, .u-panel-body .h2:first-child, .u-panel-body .h3:first-child, .u-panel-body .h4:first-child, .u-panel-body .h5:first-child, .u-panel-body .h6:first-child, .u-panel-body h1:first-child, .u-panel-body h2:first-child, .u-panel-body h3:first-child, .u-panel-body h4:first-child, .u-panel-body h5:first-child, .u-panel-body h6:first-child { margin-top: 0; } .u-panel-group { margin-bottom: 20px; } .u-panel-group .u-panel { margin-bottom: 0; border-radius: 4px; } .u-panel-group .u-panel + .u-panel { margin-top: 5px; } .u-panel-group .u-panel-heading { border-bottom: 0; cursor: pointer; } .u-panel-group .u-panel-heading + .u-panel-collapse > .list-group, .u-panel-group .u-panel-group .u-panel-heading + .u-panel-collapse > .u-panel-body { border-top: 1px solid #ddd; } /* FormGroup */ /* Navlayout */ .u-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .u-container { width: 750px; } } @media (min-width: 992px) { .u-container { width: 970px; } } @media (min-width: 1200px) { .u-container { width: 1170px; } } .u-container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .u-row { margin-left: -15px; margin-right: -15px; box-sizing: border-box; } .u-row:before { display: table; content: " "; } .u-row:after { display: table; content: " "; clear: both; } .u-col-xs-1, .u-col-sm-1, .u-col-md-1, .u-col-lg-1, .u-col-1, .u-col-xs-2, .u-col-sm-2, .u-col-md-2, .u-col-lg-2, .u-col-2, .u-col-xs-3, .u-col-sm-3, .u-col-md-3, .u-col-lg-3, .u-col-3, .u-col-xs-4, .u-col-sm-4, .u-col-md-4, .u-col-lg-4, .u-col-4, .u-col-xs-5, .u-col-sm-5, .u-col-md-5, .u-col-lg-5, .u-col-5, .u-col-xs-6, .u-col-sm-6, .u-col-md-6, .u-col-lg-6, .u-col-6, .u-col-xs-7, .u-col-sm-7, .u-col-md-7, .u-col-lg-7, .u-col-7, .u-col-xs-8, .u-col-sm-8, .u-col-md-8, .u-col-lg-8, .u-col-8, .u-col-xs-9, .u-col-sm-9, .u-col-md-9, .u-col-lg-9, .u-col-9, .u-col-xs-10, .u-col-sm-10, .u-col-md-10, .u-col-lg-10, .u-col-10, .u-col-xs-11, .u-col-sm-11, .u-col-md-11, .u-col-lg-11, .u-col-11, .u-col-xs-12, .u-col-sm-12, .u-col-md-12, .u-col-lg-12, .u-col-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .u-col-xs-1, .u-col-xs-2, .u-col-xs-3, .u-col-xs-4, .u-col-xs-5, .u-col-xs-6, .u-col-xs-7, .u-col-xs-8, .u-col-xs-9, .u-col-xs-10, .u-col-xs-11, .u-col-xs-12 { float: left; } .u-col-xs-push-0 { left: auto; } .u-col-xs-pull-0 { right: auto; } .u-col-xs-1 { width: 8.33333%; } .u-col-xs-push-1 { left: 8.33333%; } .u-col-xs-pull-1 { right: 8.33333%; } .u-col-xs-offset-1 { margin-left: 8.33333%; } .u-col-xs-2 { width: 16.66667%; } .u-col-xs-push-2 { left: 16.66667%; } .u-col-xs-pull-2 { right: 16.66667%; } .u-col-xs-offset-2 { margin-left: 16.66667%; } .u-col-xs-3 { width: 25%; } .u-col-xs-push-3 { left: 25%; } .u-col-xs-pull-3 { right: 25%; } .u-col-xs-offset-3 { margin-left: 25%; } .u-col-xs-4 { width: 33.33333%; } .u-col-xs-push-4 { left: 33.33333%; } .u-col-xs-pull-4 { right: 33.33333%; } .u-col-xs-offset-4 { margin-left: 33.33333%; } .u-col-xs-5 { width: 41.66667%; } .u-col-xs-push-5 { left: 41.66667%; } .u-col-xs-pull-5 { right: 41.66667%; } .u-col-xs-offset-5 { margin-left: 41.66667%; } .u-col-xs-6 { width: 50%; } .u-col-xs-push-6 { left: 50%; } .u-col-xs-pull-6 { right: 50%; } .u-col-xs-offset-6 { margin-left: 50%; } .u-col-xs-7 { width: 58.33333%; } .u-col-xs-push-7 { left: 58.33333%; } .u-col-xs-pull-7 { right: 58.33333%; } .u-col-xs-offset-7 { margin-left: 58.33333%; } .u-col-xs-8 { width: 66.66667%; } .u-col-xs-push-8 { left: 66.66667%; } .u-col-xs-pull-8 { right: 66.66667%; } .u-col-xs-offset-8 { margin-left: 66.66667%; } .u-col-xs-9 { width: 75%; } .u-col-xs-push-9 { left: 75%; } .u-col-xs-pull-9 { right: 75%; } .u-col-xs-offset-9 { margin-left: 75%; } .u-col-xs-10 { width: 83.33333%; } .u-col-xs-push-10 { left: 83.33333%; } .u-col-xs-pull-10 { right: 83.33333%; } .u-col-xs-offset-10 { margin-left: 83.33333%; } .u-col-xs-11 { width: 91.66667%; } .u-col-xs-push-11 { left: 91.66667%; } .u-col-xs-pull-11 { right: 91.66667%; } .u-col-xs-offset-11 { margin-left: 91.66667%; } .u-col-xs-12 { width: 100%; } .u-col-xs-push-12 { left: 100%; } .u-col-xs-pull-12 { right: 100%; } .u-col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .u-col-sm-1, .u-col-sm-2, .u-col-sm-3, .u-col-sm-4, .u-col-sm-5, .u-col-sm-6, .u-col-sm-7, .u-col-sm-8, .u-col-sm-9, .u-col-sm-10, .u-col-sm-11, .u-col-sm-12 { float: left; } .u-col-sm-push-0 { left: auto; } .u-col-sm-pull-0 { right: auto; } .u-col-sm-1 { width: 8.33333%; } .u-col-sm-push-1 { left: 8.33333%; } .u-col-sm-pull-1 { right: 8.33333%; } .u-col-sm-offset-1 { margin-left: 8.33333%; } .u-col-sm-2 { width: 16.66667%; } .u-col-sm-push-2 { left: 16.66667%; } .u-col-sm-pull-2 { right: 16.66667%; } .u-col-sm-offset-2 { margin-left: 16.66667%; } .u-col-sm-3 { width: 25%; } .u-col-sm-push-3 { left: 25%; } .u-col-sm-pull-3 { right: 25%; } .u-col-sm-offset-3 { margin-left: 25%; } .u-col-sm-4 { width: 33.33333%; } .u-col-sm-push-4 { left: 33.33333%; } .u-col-sm-pull-4 { right: 33.33333%; } .u-col-sm-offset-4 { margin-left: 33.33333%; } .u-col-sm-5 { width: 41.66667%; } .u-col-sm-push-5 { left: 41.66667%; } .u-col-sm-pull-5 { right: 41.66667%; } .u-col-sm-offset-5 { margin-left: 41.66667%; } .u-col-sm-6 { width: 50%; } .u-col-sm-push-6 { left: 50%; } .u-col-sm-pull-6 { right: 50%; } .u-col-sm-offset-6 { margin-left: 50%; } .u-col-sm-7 { width: 58.33333%; } .u-col-sm-push-7 { left: 58.33333%; } .u-col-sm-pull-7 { right: 58.33333%; } .u-col-sm-offset-7 { margin-left: 58.33333%; } .u-col-sm-8 { width: 66.66667%; } .u-col-sm-push-8 { left: 66.66667%; } .u-col-sm-pull-8 { right: 66.66667%; } .u-col-sm-offset-8 { margin-left: 66.66667%; } .u-col-sm-9 { width: 75%; } .u-col-sm-push-9 { left: 75%; } .u-col-sm-pull-9 { right: 75%; } .u-col-sm-offset-9 { margin-left: 75%; } .u-col-sm-10 { width: 83.33333%; } .u-col-sm-push-10 { left: 83.33333%; } .u-col-sm-pull-10 { right: 83.33333%; } .u-col-sm-offset-10 { margin-left: 83.33333%; } .u-col-sm-11 { width: 91.66667%; } .u-col-sm-push-11 { left: 91.66667%; } .u-col-sm-pull-11 { right: 91.66667%; } .u-col-sm-offset-11 { margin-left: 91.66667%; } .u-col-sm-12 { width: 100%; } .u-col-sm-push-12 { left: 100%; } .u-col-sm-pull-12 { right: 100%; } .u-col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .u-col-md-1, .u-col-md-2, .u-col-md-3, .u-col-md-4, .u-col-md-5, .u-col-md-6, .u-col-md-7, .u-col-md-8, .u-col-md-9, .u-col-md-10, .u-col-md-11, .u-col-md-12 { float: left; } .u-col-1, .u-col-2, .u-col-3, .u-col-4, .u-col-5, .u-col-6, .u-col-7, .u-col-8, .u-col-9, .u-col-10, .u-col-11, .u-col-12 { float: left; } .u-col-md-push-0 { left: auto; } .u-col-md-pull-0 { right: auto; } .u-col-md-1 { width: 8.33333%; } .u-col-md-push-1 { left: 8.33333%; } .u-col-md-pull-1 { right: 8.33333%; } .u-col-md-offset-1 { margin-left: 8.33333%; } .u-col-md-2 { width: 16.66667%; } .u-col-md-push-2 { left: 16.66667%; } .u-col-md-pull-2 { right: 16.66667%; } .u-col-md-offset-2 { margin-left: 16.66667%; } .u-col-md-3 { width: 25%; } .u-col-md-push-3 { left: 25%; } .u-col-md-pull-3 { right: 25%; } .u-col-md-offset-3 { margin-left: 25%; } .u-col-md-4 { width: 33.33333%; } .u-col-md-push-4 { left: 33.33333%; } .u-col-md-pull-4 { right: 33.33333%; } .u-col-md-offset-4 { margin-left: 33.33333%; } .u-col-md-5 { width: 41.66667%; } .u-col-md-push-5 { left: 41.66667%; } .u-col-md-pull-5 { right: 41.66667%; } .u-col-md-offset-5 { margin-left: 41.66667%; } .u-col-md-6 { width: 50%; } .u-col-md-push-6 { left: 50%; } .u-col-md-pull-6 { right: 50%; } .u-col-md-offset-6 { margin-left: 50%; } .u-col-md-7 { width: 58.33333%; } .u-col-md-push-7 { left: 58.33333%; } .u-col-md-pull-7 { right: 58.33333%; } .u-col-md-offset-7 { margin-left: 58.33333%; } .u-col-md-8 { width: 66.66667%; } .u-col-md-push-8 { left: 66.66667%; } .u-col-md-pull-8 { right: 66.66667%; } .u-col-md-offset-8 { margin-left: 66.66667%; } .u-col-md-9 { width: 75%; } .u-col-md-push-9 { left: 75%; } .u-col-md-pull-9 { right: 75%; } .u-col-md-offset-9 { margin-left: 75%; } .u-col-md-10 { width: 83.33333%; } .u-col-md-push-10 { left: 83.33333%; } .u-col-md-pull-10 { right: 83.33333%; } .u-col-md-offset-10 { margin-left: 83.33333%; } .u-col-md-11 { width: 91.66667%; } .u-col-md-push-11 { left: 91.66667%; } .u-col-md-pull-11 { right: 91.66667%; } .u-col-md-offset-11 { margin-left: 91.66667%; } .u-col-md-12 { width: 100%; } .u-col-md-push-12 { left: 100%; } .u-col-md-pull-12 { right: 100%; } .u-col-md-offset-12 { margin-left: 100%; } .u-col-push-0 { left: auto; } .u-col-pull-0 { right: auto; } .u-col-1 { width: 8.33333%; } .u-col-push-1 { left: 8.33333%; } .u-col-pull-1 { right: 8.33333%; } .u-col-offset-1 { margin-left: 8.33333%; } .u-col-2 { width: 16.66667%; } .u-col-push-2 { left: 16.66667%; } .u-col-pull-2 { right: 16.66667%; } .u-col-offset-2 { margin-left: 16.66667%; } .u-col-3 { width: 25%; } .u-col-push-3 { left: 25%; } .u-col-pull-3 { right: 25%; } .u-col-offset-3 { margin-left: 25%; } .u-col-4 { width: 33.33333%; } .u-col-push-4 { left: 33.33333%; } .u-col-pull-4 { right: 33.33333%; } .u-col-offset-4 { margin-left: 33.33333%; } .u-col-5 { width: 41.66667%; } .u-col-push-5 { left: 41.66667%; } .u-col-pull-5 { right: 41.66667%; } .u-col-offset-5 { margin-left: 41.66667%; } .u-col-6 { width: 50%; } .u-col-push-6 { left: 50%; } .u-col-pull-6 { right: 50%; } .u-col-offset-6 { margin-left: 50%; } .u-col-7 { width: 58.33333%; } .u-col-push-7 { left: 58.33333%; } .u-col-pull-7 { right: 58.33333%; } .u-col-offset-7 { margin-left: 58.33333%; } .u-col-8 { width: 66.66667%; } .u-col-push-8 { left: 66.66667%; } .u-col-pull-8 { right: 66.66667%; } .u-col-offset-8 { margin-left: 66.66667%; } .u-col-9 { width: 75%; } .u-col-push-9 { left: 75%; } .u-col-pull-9 { right: 75%; } .u-col-offset-9 { margin-left: 75%; } .u-col-10 { width: 83.33333%; } .u-col-push-10 { left: 83.33333%; } .u-col-pull-10 { right: 83.33333%; } .u-col-offset-10 { margin-left: 83.33333%; } .u-col-11 { width: 91.66667%; } .u-col-push-11 { left: 91.66667%; } .u-col-pull-11 { right: 91.66667%; } .u-col-offset-11 { margin-left: 91.66667%; } .u-col-12 { width: 100%; } .u-col-push-12 { left: 100%; } .u-col-pull-12 { right: 100%; } .u-col-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .u-col-lg-1, .u-col-lg-2, .u-col-lg-3, .u-col-lg-4, .u-col-lg-5, .u-col-lg-6, .u-col-lg-7, .u-col-lg-8, .u-col-lg-9, .u-col-lg-10, .u-col-lg-11, .u-col-lg-12 { float: left; } .u-col-lg-push-0 { left: auto; } .u-col-lg-pull-0 { right: auto; } .u-col-lg-1 { width: 8.33333%; } .u-col-lg-push-1 { left: 8.33333%; } .u-col-lg-pull-1 { right: 8.33333%; } .u-col-lg-offset-1 { margin-left: 8.33333%; } .u-col-lg-2 { width: 16.66667%; } .u-col-lg-push-2 { left: 16.66667%; } .u-col-lg-pull-2 { right: 16.66667%; } .u-col-lg-offset-2 { margin-left: 16.66667%; } .u-col-lg-3 { width: 25%; } .u-col-lg-push-3 { left: 25%; } .u-col-lg-pull-3 { right: 25%; } .u-col-lg-offset-3 { margin-left: 25%; } .u-col-lg-4 { width: 33.33333%; } .u-col-lg-push-4 { left: 33.33333%; } .u-col-lg-pull-4 { right: 33.33333%; } .u-col-lg-offset-4 { margin-left: 33.33333%; } .u-col-lg-5 { width: 41.66667%; } .u-col-lg-push-5 { left: 41.66667%; } .u-col-lg-pull-5 { right: 41.66667%; } .u-col-lg-offset-5 { margin-left: 41.66667%; } .u-col-lg-6 { width: 50%; } .u-col-lg-push-6 { left: 50%; } .u-col-lg-pull-6 { right: 50%; } .u-col-lg-offset-6 { margin-left: 50%; } .u-col-lg-7 { width: 58.33333%; } .u-col-lg-push-7 { left: 58.33333%; } .u-col-lg-pull-7 { right: 58.33333%; } .u-col-lg-offset-7 { margin-left: 58.33333%; } .u-col-lg-8 { width: 66.66667%; } .u-col-lg-push-8 { left: 66.66667%; } .u-col-lg-pull-8 { right: 66.66667%; } .u-col-lg-offset-8 { margin-left: 66.66667%; } .u-col-lg-9 { width: 75%; } .u-col-lg-push-9 { left: 75%; } .u-col-lg-pull-9 { right: 75%; } .u-col-lg-offset-9 { margin-left: 75%; } .u-col-lg-10 { width: 83.33333%; } .u-col-lg-push-10 { left: 83.33333%; } .u-col-lg-pull-10 { right: 83.33333%; } .u-col-lg-offset-10 { margin-left: 83.33333%; } .u-col-lg-11 { width: 91.66667%; } .u-col-lg-push-11 { left: 91.66667%; } .u-col-lg-pull-11 { right: 91.66667%; } .u-col-lg-offset-11 { margin-left: 91.66667%; } .u-col-lg-12 { width: 100%; } .u-col-lg-push-12 { left: 100%; } .u-col-lg-pull-12 { right: 100%; } .u-col-lg-offset-12 { margin-left: 100%; } } /* FormGroup */ /* Navlayout */ .u-button { background: rgb(224,224,224); border: none; border-radius: 4px; color: rgb(0,0,0); position: relative; min-width: 72px; padding: 5px 13px; display: inline-block; font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; overflow: hidden; will-change: box-shadow, transform; outline: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 1.57143; vertical-align: middle; } .u-button::-moz-focus-inner { border: 0; } .u-button:hover { background-color: rgb(238,238,238); } .u-button:active { background-color: rgb(189,189,189); } .u-button.colored { color: rgb(30,136,229); } .u-button.colored:focus:not(:active) { background-color: rgb(189,189,189); } .u-button.disable { -webkit-box-shadow: none; filter: alpha(opacity=65); box-shadow: none; cursor: not-allowed; opacity: .65; } input.u-button[type="submit"] { -webkit-appearance: none; } .u-button-floating { border-radius: 50%; font-size: 14px; height: 38px; margin: auto; min-width: 38px; width: 38px; padding: 0; line-height: normal; border: 1px solid rgb(224,224,224); } .u-button-floating.colored { background: rgb(67,160,71); color: rgb(255,255,255); background: rgb(255,255,255); } .u-button-floating.colored:hover { background-color: rgb(102,187,106); } .u-button-floating.colored:focus:not(:active) { background-color: rgb(67,160,71); } .u-button-floating.colored:active { background-color: rgb(67,160,71); } .u-button.disabled, .u-button[disabled] { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); box-shadow: none; } .u-button-default { color: #333; background-color: #fff; border-color: #ccc; } .u-button-default:hover, .u-button-default:focus, .u-button-default:active { background-color: #e6e6e6; border-color: #adadad; } .u-button-primary { color: rgb(255,255,255); background-color: rgb(30,136,229); border: 1px rgb(30,136,229) solid; } .u-button-primary.focus, .u-button-primary:focus, .u-button-primary:hover { background-color: rgb(66,165,245); border-color: rgb(66,165,245); } .u-button-primary.active, .u-button-primary:active { background-color: rgb(21,101,192); border-color: rgb(21,101,192); } .u-button-danger { color: rgb(255,255,255); background-color: rgb(244,67,54); border: 1px rgb(244,67,54) solid; } .u-button-danger.focus, .u-button-danger:focus, .u-button-danger:hover { background-color: rgb(229,115,115); border-color: rgb(229,115,115); } .u-button-danger.active, .u-button-danger:active { background-color: rgb(211,47,47); border-color: rgb(211,47,47); } .u-button-info { color: rgb(255,255,255); background-color: rgb(0,188,212); border: 1px rgb(0,188,212) solid; } .u-button-info.focus, .u-button-info:focus, .u-button-info:hover { background-color: rgb(77,208,225); border-color: rgb(77,208,225); } .u-button-info.active, .u-button-info:active { background-color: rgb(0,151,167); border-color: rgb(0,151,167); } .u-button-warning { color: rgb(255,255,255); background-color: rgb(255,152,0); border: 1px rgb(255,152,0) solid; } .u-button-warning.focus, .u-button-warning:focus, .u-button-warning:hover { background-color: rgb(255,183,77); border-color: rgb(255,183,77); } .u-button-warning.active, .u-button-warning:active { background-color: rgb(245,124,0); border-color: rgb(245,124,0); } .u-button-success { color: rgb(255,255,255); background-color: rgb(76,175,80); border: 1px rgb(76,175,80) solid; } .u-button-success.focus, .u-button-success:focus, .u-button-success:hover { background-color: rgb(129,199,132); border-color: rgb(129,199,132); } .u-button-success.active, .u-button-success:active { background-color: rgb(56,142,60); border-color: rgb(56,142,60); } .u-button-border.u-button-success { color: rgb(76,175,80); border: 1px rgb(76,175,80) solid; } .u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover { background-color: rgb(129,199,132); border-color: rgb(129,199,132); color: #fff; } .u-button-border.u-button-success.active, .u-button-border.u-button-success:active { color: #fff; background-color: rgb(56,142,60); border-color: rgb(56,142,60); } .u-button-border.u-button-warning { color: rgb(255,152,0); border: 1px rgb(255,152,0) solid; } .u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover { background-color: rgb(255,183,77); border-color: rgb(255,183,77); color: #fff; } .u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active { color: #fff; background-color: rgb(245,124,0); border-color: rgb(245,124,0); } .u-button-border.u-button-danger { color: rgb(244,67,54); border: 1px rgb(244,67,54) solid; } .u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover { background-color: rgb(229,115,115); border-color: rgb(229,115,115); color: #fff; } .u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active { color: #fff; background-color: rgb(211,47,47); border-color: rgb(211,47,47); } .u-button-border.u-button-info { color: rgb(0,188,212); border: 1px rgb(0,188,212) solid; } .u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover { background-color: rgb(77,208,225); border-color: rgb(77,208,225); color: #fff; } .u-button-border.u-button-info.active, .u-button-border.u-button-info:active { color: #fff; background-color: rgb(0,151,167); border-color: rgb(0,151,167); } .u-button-border.u-button-primary { color: rgb(30,136,229); border: 1px rgb(30,136,229) solid; } .u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover { background-color: rgb(66,165,245); border-color: rgb(66,165,245); color: #fff; } .u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active { color: #fff; background-color: rgb(21,101,192); border-color: rgb(21,101,192); } .u-button-border { color: rgb(0,0,0); border: 1px solid #d9d9d9; background-color: #fff; } .u-button-border:hover, .u-button-border:focus { color: rgb(0,0,0); background: rgb(238,238,238); } .u-button-border:active { color: #fff; background: rgb(189,189,189); } .u-button-icon { border-radius: 50%; font-size: 14px; height: 32px; margin: auto; min-width: 32px; width: 32px; padding: 0; line-height: normal; border: 1px solid rgb(224,224,224); } .u-button-lg { padding: 8px 15px; font-size: 14px; } .u-button-xg { padding: 10px 18px; font-size: 16px; } .u-button-sm { padding: 3px 5px; font-size: 12px; } .u-button-squared { border-radius: 0; } .u-button-round { border-radius: 1000px; } .u-button-block { white-space: normal; display: block; width: 100%; } .u-button-pill-left { border-radius: 500px 0 0 500px; } .u-button-pill-right { border-radius: 0 500px 500px 0; } .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .collapse { display: none; } .collapse.in { display: block; } /* FormGroup */ /* Navlayout */ .u-form-control { position: relative; display: inline-block; padding: 0 12px; width: 100%; height: 30px; cursor: text; font-size: 14px; line-height: 1.5; color: #424242; background-color: #fff; background-image: none; border: 1px solid #bdbdbd; border-radius: 3px; transition: all .3s; } .u-form-control:focus { border-color: #66afe9; outline: 0; } .u-form-control[disabled] { background: #eee; border-color: #e0e0e0; color: #BDBDBD; cursor: not-allowed; } .u-form-control.lg { height: 38px; font-size: 14px; } .u-form-control.sm { font-size: 12px; height: 24px; } .u-form-control-search-wrapper { position: absolute; top: 0; left: 0; height: 28px; padding: 4px; width: 100%; } .u-form-control-search-wrapper .u-form-control-search-action { color: #ccc; position: absolute; top: 2px; right: 2px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; text-decoration: none; } .u-form-control-search-wrapper .u-form-control-search-action .uf { transition: all .3s; font-size: 12px; color: #ccc; } .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before { content: "\e603"; } .u-form-control-affix-wrapper { position: relative; display: inline-block; width: 100%; } .u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; line-height: 0; right: 7px; color: rgba(0, 0, 0, 0.65); } /* FormGroup */ /* Navlayout */ .u-pagination { font-size: 14px; margin: 5px; } .u-pagination:after { clear: both; display: table; content: ''; } .u-pagination > li > a, .u-pagination > li > span { display: inline-block; text-decoration: none; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; background-color: white; text-align: center; color: #666666; padding: 6px 11px; line-height: 1.57142857; } .u-pagination > li:first-child > a, .u-pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .u-pagination > li:last-child > a, .u-pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .u-pagination > li[role="next"] > a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #d7d7d7; } .u-pagination > li { float: left; list-style-type: none; } .u-pagination > li > a:hover, .u-pagination > li > span:hover, .u-pagination > li > a:focus, .u-pagination > li > span:focus { color: #666; background-color: #eee; border-color: #d7d7d7; cursor: pointer; } .u-pagination > li > a > i { color: #999999; } .u-pagination > .active > a, .u-pagination > .active > span, .u-pagination > .active > a:hover, .u-pagination > .active > span:hover, .u-pagination > .active > a:focus, .u-pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: rgb(30,136,229); border-color: rgb(30,136,229); } .u-pagination > .disabled > a, .u-pagination > .disabled > span, .u-pagination > .disabled > a:hover, .u-pagination > .disabled > span:hover, .u-pagination > .disabled > a:focus, .u-pagination > .disabled > span:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .u-pagination > .disabled > a > i { color: #cccccc; } .u-pagination > li[role="gap"] > a { background-color: transparent; border-bottom: 0px solid #d7d7d7; border-top: 0px solid #d7d7d7; padding: 7px 11px; line-height: 1.57142857; } .u-pagination > li[role="gap"] > a:hover, .u-pagination > li[role="gap"] > a:focus { background-color: transparent; } .u-pagination input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .u-pagination li, .u-pagination a { box-sizing: content-box; } .u-pagination i.uf, .u-pagination i.fa { padding: 0px; font-size: 12px; } .u-pagination > li:last-child > a, .u-pagination > li:last-child > span { border-right: 1px solid #d7d7d7; } .pagination-state { float: left; height: 34px; line-height: 34px; text-align: center; font-size: 12px; color: #666; margin-left: 10px; } .pagination-state > .page_j { margin: 0 4px; width: 40px; border: 1px solid #ddd; padding-left: 2px; height: 35px; line-height: 35px; color: #333333; } .pagination-state > .page_z { margin: 0 4px; width: 50px; border: 1px solid #ddd; padding-left: 2px; height: 35px; line-height: 35px; color: #333333; } .pagination-state > .pagination-jump { margin: 0 10px; width: 50px; line-height: 30px; border: 1px solid #ddd; background-color: white; font-size: 14px; font-family: '微软雅黑'; cursor: pointer; color: #333333; height: 35px; } .pagination-state > .pagination-jump:hover { background-color: #eee; } .u-pagination-lg > li > a { padding: 9px 15px; font-size: 16px; line-height: 1.33333; } .u-pagination-lg > li:first-child > a { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .u-pagination-lg > li:last-child > a { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .u-pagination-lg > li[role="gap"] > a { padding: 10px 15px; font-size: 16px; line-height: 1.33333; } .u-pagination-sm > li > a { padding: 5px 9px; font-size: 14px; line-height: 1.5; } .u-pagination-sm > li:first-child > a { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .u-pagination-sm > li:last-child > a { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .u-pagination-sm > li[role="gap"] > a { padding: 6px 9px; font-size: 14px; line-height: 1.5; } .u-pagination-no-border > li > a, .u-pagination-no-border > li[role="next"] > a { border: none; } .u-pagination-no-border > li:last-child > a, .u-pagination-no-border > li:last-child > span { border: none; } .u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a { border-radius: 5px; } .u-pagination-gap > li > a { margin: 0 5px; border-radius: 5px; border: 1px solid #d7d7d7; } .u-pagination-gap > li > a:hover { background-color: transparent; border-color: rgb(30,136,229); } .u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a { border-radius: 5px; } .u-pagination-gap > li[role="gap"] > a { border: 0 solid #d7d7d7; } /* FormGroup */ /* Navlayout */ .u-checkbox { display: inline-block; position: relative; } .u-checkbox.disabled .u-checkbox-label { cursor: not-allowed; opacity: 0.5; } .u-checkbox input[type='checkbox'] { display: none; cursor: pointer; } .u-checkbox input[disabled] { cursor: not-allowed; } .u-checkbox.is-checked .u-checkbox-label:before { box-shadow: inset 0 0 0 10px rgb(30,136,229); border-color: rgb(30,136,229); } .u-checkbox.is-checked .u-checkbox-label:after { color: #fff; content: "\e658"; line-height: 18px; font-size: 14px; } .u-checkbox .u-checkbox-label { cursor: pointer; display: inline-block; padding-left: 25px; } .u-checkbox .u-checkbox-label:before { border-radius: 3px; border: 1px solid; background-color: #fff; transition: all 0.3s ease-in-out; content: ''; font-family: 'uf'; display: inline-block; width: 18px; height: 18px; left: 0; top: 4px; text-align: center; position: absolute; } .u-checkbox .u-checkbox-label:after { content: ''; font-family: 'uf'; display: inline-block; width: 18px; height: 18px; left: 0; top: 4px; text-align: center; position: absolute; } .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after { color: #fff; content: "\e6ce"; line-height: 18px; font-size: 14px; } .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before { box-shadow: inset 0 0 0 10px #1e88e5; border-color: #1e88e5; } .u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before { box-shadow: inset 0 0 0 10px rgb(76,175,80); border-color: rgb(76,175,80); } .u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before { box-shadow: inset 0 0 0 10px rgb(255,152,0); border-color: rgb(255,152,0); } .u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before { box-shadow: inset 0 0 0 10px rgb(244,67,54); border-color: rgb(244,67,54); } .u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before { box-shadow: inset 0 0 0 10px rgb(97,97,97); border-color: rgb(97,97,97); } .u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before { box-shadow: inset 0 0 0 10px rgb(0,188,212); border-color: rgb(0,188,212); } /* FormGroup */ /* Navlayout */ /* keyframes 定义 */ @keyframes uSlideUpIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } } @keyframes uSlideUpOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8); } } @keyframes uSlideDownIn { 0% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8); } 100% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } } @keyframes uSlideDownOut { 0% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8); } } @keyframes uSlideLeftIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleX(0.8); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleX(1); } } @keyframes uSlideLeftOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleX(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleX(0.8); } } @keyframes uSlideRightIn { 0% { opacity: 0; transform-origin: 100% 0%; transform: scaleX(0.8); } 100% { opacity: 1; transform-origin: 100% 0%; transform: scaleX(1); } } @keyframes uSlideRightOut { 0% { opacity: 1; transform-origin: 100% 0%; transform: scaleX(1); } 100% { opacity: 0; transform-origin: 100% 0%; transform: scaleX(0.8); } } @keyframes uSwingIn { 0%, 100% { transform: translateX(0px); } 20% { transform: translateX(-10px); } 40% { transform: translateX(10px); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } } @keyframes uZoomIn { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } @keyframes uZoomOut { 0% { transform: scale(1); } 100% { opacity: 0; transform: scale(0.2); } } @keyframes uZoomBigIn { 0% { opacity: 0; transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes uZoomBigOut { 0% { transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } @keyframes uZoomUpIn { 0% { opacity: 0; transform-origin: 50% 0%; transform: scale(0.8); } 100% { transform-origin: 50% 0%; transform: scale(1); } } @keyframes uZoomUpOut { 0% { transform-origin: 50% 0%; transform: scale(1); } 100% { opacity: 0; transform-origin: 50% 0%; transform: scale(0.8); } } @keyframes uZoomLeftIn { 0% { opacity: 0; transform-origin: 0% 50%; transform: scale(0.8); } 100% { transform-origin: 0% 50%; transform: scale(1); } } @keyframes uZoomLeftOut { 0% { transform-origin: 0% 50%; transform: scale(1); } 100% { opacity: 0; transform-origin: 0% 50%; transform: scale(0.8); } } @keyframes uZoomRightIn { 0% { opacity: 0; transform-origin: 100% 50%; transform: scale(0.8); } 100% { transform-origin: 100% 50%; transform: scale(1); } } @keyframes uZoomRightOut { 0% { transform-origin: 100% 50%; transform: scale(1); } 100% { opacity: 0; transform-origin: 100% 50%; transform: scale(0.8); } } @keyframes uZoomDownIn { 0% { opacity: 0; transform-origin: 50% 100%; transform: scale(0.8); } 100% { transform-origin: 50% 100%; transform: scale(1); } } @keyframes uZoomDownOut { 0% { transform-origin: 50% 100%; transform: scale(1); } 100% { opacity: 0; transform-origin: 50% 100%; transform: scale(0.8); } } @keyframes rcMenuOpenZoomIn { 0% { opacity: 0; transform: scale(0, 0); } 100% { opacity: 1; transform: scale(1, 1); } } @keyframes rcMenuOpenZoomOut { 0% { transform: scale(1, 1); } 100% { opacity: 0; transform: scale(0, 0); } } @keyframes rcMenuOpenSlideUpIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } } @keyframes rcMenuOpenSlideUpOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } } ul { margin: 0; padding: 0; list-style: none; } .u-select { box-sizing: border-box; display: inline-block; position: relative; color: #666; width: 100%; font-size: 12px; } .u-select :root .u-select-arrow { filter: none; } .u-select :root .u-select-arrow { font-size: 12px; } .u-select .u-select-arrow * { display: none; } .u-select .u-select-arrow { font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; text-rendering: auto; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 8px; line-height: 1; margin-top: -6px; display: inline-block; font-size: 12px; font-size: 9px \9; transform: scale(0.75) rotate(0deg); /* IE6-IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; zoom: 1; } .u-select .u-select-arrow:before { display: block; font-family: "uf" !important; content: "\e609"; transition: transform 0.2s ease; } .u-select .u-select-selection { outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; display: block; background-color: #fff; border-radius: 4px; border: 1px solid #d9d9d9; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .u-select .u-select-selection :hover { border-color: #40a5ed; } .u-select > ul > li > a { padding: 0; background-color: #fff; } .u-select-focused .u-select-selection, .u-select-selection:focus, .u-select-selection:active { border-color: #40a5ed; outline: 0; box-shadow: none; } .u-select-selection-clear { display: inline-block; font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; text-rendering: auto; opacity: 0; position: absolute; right: 8px; z-index: 1; background: #fff; top: 50%; font-size: 12px; color: #ccc; width: 12px; height: 12px; margin-top: -6px; line-height: 12px; cursor: pointer; transition: color 0.3s ease, opacity 0.15s ease; } .u-select-selection-clear:before { display: block; font-family: 'uf'; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E62E"; } .u-select-selection-clear:hover { color: #999; } .u-select-selection:hover .u-select-selection-clear { opacity: 1; } .u-select-selection-selected-value { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding-right: 14px; } .u-select-disabled { color: #ccc; } .u-select-disabled .u-select-selection { background: #f7f7f7; cursor: not-allowed; } .u-select-disabled .u-select-selection:hover, .u-select-disabled .u-select-selection:focus, .u-select-disabled .u-select-selection:active { border-color: #d9d9d9; box-shadow: none; } .u-select-disabled .u-select-selection-clear { display: none; visibility: hidden; pointer-events: none; } .u-select-disabled .u-select-selection--multiple .u-select-selection-choice { background: #e9e9e9; color: #aaa; padding-right: 10px; } .u-select-disabled .u-select-selection--multiple .u-select-selection-choice-remove { display: none; } .u-select-disabled .u-select-selection-choice-remove { color: #ccc; cursor: default; } .u-select-disabled .u-select-selection-choice-remove:hover { color: #ccc; } .u-select-selection--single { height: 30px; position: relative; cursor: pointer; } .u-select-selection-rendered { display: block; margin-left: 8px; margin-right: 8px; position: relative; line-height: 28px; } .u-select-selection-rendered:after { content: '.'; visibility: hidden; pointer-events: none; display: inline-block; width: 0; } .u-select-lg .u-select-selection--single { height: 38px; } .u-select-lg .u-select-selection-rendered { line-height: 36px; } .u-select-lg .u-select-selection--multiple { min-height: 32px; } .u-select-lg .u-select-selection--multiple .u-select-selection-rendered li { height: 24px; line-height: 24px; } .u-select-sm .u-select-selection { border-radius: 2px; } .u-select-sm .u-select-selection--single { height: 24px; } .u-select-sm .u-select-selection-rendered { line-height: 22px; } .u-select-sm .u-select-selection--multiple { min-height: 22px; } .u-select-sm .u-select-selection--multiple .u-select-selection-rendered li { height: 14px; line-height: 14px; } .u-select-search-field-wrap { display: inline-block; position: relative; } .u-select-selection-placeholder, .u-select-search-field-placeholder { position: absolute; top: 50%; left: 0; right: 9px; color: #ccc; line-height: 20px; height: 20px; max-width: 100%; margin-top: -10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .u-select-search-field-placeholder { left: 8px; } .u-select-search--inline { position: absolute; width: 100%; height: 100%; } .u-select-search--inline .u-select-search-field-wrap { width: 100%; height: 100%; } .u-select-search--inline .u-select-search-field { border: 0; font-size: 100%; height: 100%; width: 100%; background: transparent; outline: 0; border-radius: 4px; } .u-select-search--inline .u-select-search-field-mirror { position: absolute; top: 0; left: -9999px; white-space: pre; pointer-events: none; } .u-select-search--inline > i { float: right; } .u-select-selection--multiple { min-height: 28px; cursor: text; padding-bottom: 3px; zoom: 1; } .u-select-selection--multiple:before, .u-select-selection--multiple:after { content: " "; display: table; } .u-select-selection--multiple:after { clear: both; visibility: hidden; font-size: 0; height: 0; } .u-select-selection--multiple .u-select-search--inline { float: left; position: static; width: auto; padding: 0; } .u-select-selection--multiple .u-select-search--inline .u-select-search-field { width: 0.75em !important; } .u-select-selection--multiple .u-select-selection-rendered { margin-left: 5px; margin-bottom: -3px; height: auto; } .u-select-selection--multiple > ul > li, .u-select-selection--multiple .u-select-selection-rendered > ul > li { margin-top: 3px; height: 20px; line-height: 20px; } .u-select-selection--multiple .u-select-selection-choice { background-color: #f3f3f3; border-radius: 4px; cursor: default; float: left; padding: 0 16px; margin-right: 4px; max-width: 99%; position: relative; overflow: hidden; transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); padding: 0 20px 0 10px; } .u-select-selection--multiple .u-select-selection-choice-disabled { padding: 0 10px; } .u-select-selection--multiple .u-select-selection-choice-content { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .u-select-selection--multiple .u-select-selection-choice-remove { font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; text-rendering: auto; line-height: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #999; line-height: inherit; cursor: pointer; font-weight: bold; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); display: inline-block; font-size: 12px; font-size: 8px \9; transform: scale(0.66667) rotate(0deg); /* IE6-IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; zoom: 1; position: absolute; right: 4px; padding: 0 0 0 8px; } .u-select-selection--multiple .u-select-selection-choice-remove:before { display: block; font-family: "uf" !important; } .u-select-selection--multiple .u-select-selection-choice-remove { filter: none; } .u-select-selection--multiple .u-select-selection-choice-remove { font-size: 12px; } .u-select-selection--multiple .u-select-selection-choice-remove:hover { color: #404040; } .u-select-selection--multiple .u-select-selection-choice-remove:before { font-family: 'uf' !important; content: "\e602"; } .u-select-open .u-select-arrow { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -ms-transform: rotate(180deg); } .u-select-open .u-select-arrow:before { transform: rotate(180deg); } .u-select-open .u-select-selection { border-color: #40a5ed; outline: 0; border-color: #66afe9; outline: 0; } .u-select-combobox .u-select-arrow { display: none; } .u-select-combobox .u-select-search--inline { height: 100%; width: 100%; float: none; } .u-select-combobox .u-select-search-field-wrap { width: 100%; height: 100%; } .u-select-combobox .u-select-search-field { width: 100%; height: 100%; position: relative; z-index: 1; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); box-shadow: none; } .u-select-dropdown { background-color: white; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); border-radius: 4px; box-sizing: border-box; z-index: 1050; left: -9999px; top: -9999px; position: absolute; outline: none; overflow: hidden; font-size: 12px; animation: uSlideUpIn 300ms ease; } .u-select-dropdown.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-bottomLeft, .u-select-dropdown.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-bottomLeft { animation-name: uSlideUpIn; } .u-select-dropdown.slide-up-enter.slide-up-enter-active.u-select-dropdown-placement-topLeft, .u-select-dropdown.slide-up-appear.slide-up-appear-active.u-select-dropdown-placement-topLeft { animation-name: uSlideDownIn; } .u-select-dropdown.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-bottomLeft { animation-name: uSlideUpOut; } .u-select-dropdown.slide-up-leave.slide-up-leave-active.u-select-dropdown-placement-topLeft { animation-name: uSlideDownOut; } .u-select-dropdown.u-select-dropdown-hidden { display: none; } .u-select-dropdown .u-select-dropdown-menu { outline: none; margin-bottom: 0; padding-left: 0; list-style: none; max-height: 250px; overflow: auto; } .u-select-dropdown .u-select-dropdown-menu-item-group-list { margin: 0; padding: 0; } .u-select-dropdown .u-select-dropdown-menu-item-group-list > .u-select-dropdown-menu-item { padding-left: 24px; } .u-select-dropdown .u-select-dropdown-menu-item-group-title { color: #999; line-height: 1.5; padding: 8px 16px; } .u-select-dropdown .u-select-dropdown-menu-item { position: relative; display: block; padding: 7px 16px; font-weight: normal; color: #666; cursor: pointer; white-space: nowrap; overflow: hidden; transition: background 0.3s ease; } .u-select-dropdown .u-select-dropdown-menu-item:hover, .u-select-dropdown .u-select-dropdown-menu-item-active { background-color: #e7f4fd; } .u-select-dropdown .u-select-dropdown-menu-item-disabled { color: #ccc; cursor: not-allowed; } .u-select-dropdown .u-select-dropdown-menu-item-disabled:hover { color: #ccc; background-color: #fff; cursor: not-allowed; } .u-select-dropdown .u-select-dropdown-menu-item-selected, .u-select-dropdown .u-select-dropdown-menu-item-selected:hover { background-color: #f7f7f7; font-weight: bold; color: #666; } .u-select-dropdown .u-select-dropdown-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; background-color: #e5e5e5; line-height: 0; } .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after { font-family: 'uf'; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e658"; color: transparent; display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333) rotate(0deg); /* IE6-IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; zoom: 1; transition: all 0.2s ease; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; font-weight: bold; text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0; } .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:hover:after { color: #ddd; } .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-disabled:after { display: none; } .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-selected:after, .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item-selected:hover:after { color: #108ee9; display: inline-block; } :root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after { filter: none; } :root .u-select-dropdown.u-select-dropdown--multiple .u-select-dropdown-menu-item:after { font-size: 12px; } .u-select-dropdown-container-open .u-select-dropdown, .u-select-dropdown-open .u-select-dropdown { display: block; } .u-input-search-wrapper { display: inline-block; position: relative; } .u-input-search-wrapper .u-input-search { transition: all .3s ease; } .u-input-search-wrapper .u-input-search-icon { position: absolute; right: 8px; cursor: pointer; transition: all .3s ease; font-size: 14px; height: 20px; line-height: 20px; top: 50%; margin-top: -10px; } .u-input-search-wrapper .u-input-search-icon:hover { color: #108ee9; } .u-input-search-wrapper:hover .u-input-search:not[disabled] { border: 1px solid #108ee9; } .u-search-input-wrapper { display: inline-block; vertical-align: middle; } .u-search-input.u-input-group .u-input:first-child, .u-search-input.u-input-group .u-select:first-child { border-radius: 4px; position: absolute; top: -1px; width: 100%; } .u-search-input.u-input-group .u-input:first-child { padding-right: 36px; } .u-search-input .u-search-btn { color: #666; background-color: #f7f7f7; border-color: #d9d9d9; border-radius: 0 3px 3px 0; left: -1px; position: relative; border-width: 0 0 0 1px; z-index: 2; padding-left: 8px; padding-right: 8px; } .u-search-input .u-search-btn > a:only-child { color: currentColor; } .u-search-input .u-search-btn > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input .u-search-btn:hover > a:only-child, .u-search-input .u-search-btn:focus > a:only-child { color: currentColor; } .u-search-input .u-search-btn:hover > a:only-child:after, .u-search-input .u-search-btn:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input .u-search-btn:active, .u-search-input .u-search-btn.active { color: #0f87dd; background-color: #f7f7f7; border-color: #0f87dd; } .u-search-input .u-search-btn:active > a:only-child, .u-search-input .u-search-btn.active > a:only-child { color: currentColor; } .u-search-input .u-search-btn:active > a:only-child:after, .u-search-input .u-search-btn.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input .u-search-btn:hover, .u-search-input .u-search-btn:focus { color: #40a5ed; background-color: #f7f7f7; border-color: #40a5ed; } .u-search-input .u-search-btn:active, .u-search-input .u-search-btn:hover, .u-search-input .u-search-btn:focus { background: #fff; } .u-search-input .u-search-btn:hover { border-color: #d9d9d9; } .u-search-input .u-search-btn[disabled] { color: #ccc; background-color: #f7f7f7; border-color: #d9d9d9; } .u-search-input .u-search-btn[disabled]:hover, .u-search-input .u-search-btn[disabled]:focus, .u-search-input .u-search-btn[disabled]:active, .u-search-input .u-search-btn[disabled].active { color: #ccc; background-color: #f7f7f7; border-color: #d9d9d9; } .u-search-input .u-search-btn[disabled] > a:only-child, .u-search-input .u-search-btn[disabled]:hover > a:only-child, .u-search-input .u-search-btn[disabled]:focus > a:only-child, .u-search-input .u-search-btn[disabled]:active > a:only-child, .u-search-input .u-search-btn[disabled].active > a:only-child { color: currentColor; } .u-search-input .u-search-btn[disabled] > a:only-child:after, .u-search-input .u-search-btn[disabled]:hover > a:only-child:after, .u-search-input .u-search-btn[disabled]:focus > a:only-child:after, .u-search-input .u-search-btn[disabled]:active > a:only-child:after, .u-search-input .u-search-btn[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input .u-search-btn.disabled { color: #ccc; background-color: #f7f7f7; border-color: #d9d9d9; } .u-search-input .u-search-btn.disabled:hover, .u-search-input .u-search-btn.disabled:focus, .u-search-input .u-search-btn.disabled:active, .u-search-input .u-search-btn.disabled.active { color: #ccc; background-color: #f7f7f7; border-color: #d9d9d9; } .u-search-input .u-search-btn.disabled > a:only-child, .u-search-input .u-search-btn.disabled:hover > a:only-child, .u-search-input .u-search-btn.disabled:focus > a:only-child, .u-search-input .u-search-btn.disabled:active > a:only-child, .u-search-input .u-search-btn.disabled.active > a:only-child { color: currentColor; } .u-search-input .u-search-btn.disabled > a:only-child:after, .u-search-input .u-search-btn.disabled:hover > a:only-child:after, .u-search-input .u-search-btn.disabled:focus > a:only-child:after, .u-search-input .u-search-btn.disabled:active > a:only-child:after, .u-search-input .u-search-btn.disabled.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input.u-search-input-focus .u-search-btn-noempty, .u-search-input:hover .u-search-btn-noempty { color: #fff; background-color: #108ee9; border-color: #108ee9; } .u-search-input.u-search-input-focus .u-search-btn-noempty > a:only-child, .u-search-input:hover .u-search-btn-noempty > a:only-child { color: currentColor; } .u-search-input.u-search-input-focus .u-search-btn-noempty > a:only-child:after, .u-search-input:hover .u-search-btn-noempty > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input.u-search-input-focus .u-search-btn-noempty:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty:hover, .u-search-input:hover .u-search-btn-noempty:focus, .u-search-input:hover .u-search-btn-noempty:hover { color: #fff; background-color: #40a5ed; border-color: #40a5ed; } .u-search-input.u-search-input-focus .u-search-btn-noempty:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty:focus > a:only-child { color: currentColor; } .u-search-input.u-search-input-focus .u-search-btn-noempty:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:focus > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input.u-search-input-focus .u-search-btn-noempty:active, .u-search-input.u-search-input-focus .u-search-btn-noempty.active, .u-search-input:hover .u-search-btn-noempty:active, .u-search-input:hover .u-search-btn-noempty.active { color: #fff; background-color: #0f87dd; border-color: #0f87dd; } .u-search-input.u-search-input-focus .u-search-btn-noempty:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.active > a:only-child, .u-search-input:hover .u-search-btn-noempty:active > a:only-child, .u-search-input:hover .u-search-btn-noempty.active > a:only-child { color: currentColor; } .u-search-input.u-search-input-focus .u-search-btn-noempty:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } .u-search-input .u-select-combobox .u-select-selection-rendered { margin-right: 29px; } .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled], .u-search-input:hover .u-search-btn-noempty.disabled, .u-search-input:hover .u-search-btn-noempty[disabled] { color: #ccc; background-color: #f7f7f7; border-color: #d9d9d9; } .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active, .u-search-input:hover .u-search-btn-noempty.disabled:hover, .u-search-input:hover .u-search-btn-noempty.disabled:focus, .u-search-input:hover .u-search-btn-noempty.disabled:active, .u-search-input:hover .u-search-btn-noempty.disabled.active, .u-search-input:hover .u-search-btn-noempty[disabled]:hover, .u-search-input:hover .u-search-btn-noempty[disabled]:focus, .u-search-input:hover .u-search-btn-noempty[disabled]:active, .u-search-input:hover .u-search-btn-noempty[disabled].active { color: #ccc; background-color: #f7f7f7; border-color: #d9d9d9; } .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled] > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active > a:only-child, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled:active > a:only-child, .u-search-input:hover .u-search-btn-noempty.disabled.active > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled] > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:hover > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:focus > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled]:active > a:only-child, .u-search-input:hover .u-search-btn-noempty[disabled].active > a:only-child { color: currentColor; } .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:focus > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty.disabled.active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled] > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:hover > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:focus > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled]:active > a:only-child:after, .u-search-input.u-search-input-focus .u-search-btn-noempty[disabled].active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty.disabled.active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled] > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:hover > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:focus > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled]:active > a:only-child:after, .u-search-input:hover .u-search-btn-noempty[disabled].active > a:only-child:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } /* FormGroup */ /* Navlayout */ .u-form .u-form-group { margin-top: 0; margin-bottom: 0; } .u-form .u-form-item { padding-top: 5px; padding-bottom: 5px; } .u-form-item { min-height: 64px; font-size: 14px; } .u-form-item .u-select { min-width: 100px; } .u-form .u-form-item { min-height: 94px; } .u-form .u-form-item.u-form-inline { min-height: 72px; } .u-form-error { display: none; margin-top: 5px; margin-bottom: 5px; color: #F22C1D; } .u-form-error.show { display: block; } .u-form .u-form-submit { margin-top: 10px; } .u-form .u-form-item.u-form-inline .u-input-group { display: inline-block; vertical-align: middle; width: auto; } .u-form-inline .u-label { display: inline-block; } .u-form .u-row .u-label { line-height: 40px; } .u-form-item .u-input-group-outer .u-input-group .u-form-control:last-child, .u-form-item .u-input-group-outer .u-input-group .u-form-control:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .u-form-item.u-form-inline .u-input-group-outer { display: inline-block; } .u-form-item .u-input-group-outer .u-input-before, .u-form-item .u-input-group-outer .u-input-after { line-height: 28px; padding-left: 5px; padding-right: 5px; border: 1px solid #bdbdbd; background: #eee; float: left; } .u-form-item .u-input-group-outer .u-input-inner { float: left; } .u-form-item .u-input-group-outer .u-input-before { border-right: none; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .u-form-item .u-input-group-outer .u-input-before + .u-form-control { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .u-form-item .u-input-group-outer .u-input-after { border-left: none; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .u-mast { color: #F22C1D; position: relative; top: 2px; margin-right: 2px; } /* FormGroup */ /* Navlayout */ .u-tooltip { position: absolute; z-index: 1070; display: block; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; } .u-tooltip.in { opacity: 0.9 !important; } .u-tooltip .tooltip-arrow { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .u-tooltip .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; background-color: #000; border-radius: 4px; word-wrap: break-word; } .u-tooltip.right { padding: 0 5px; } .u-tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .u-tooltip.top { padding: 5px 0; } .u-tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .u-tooltip.left { padding: 0 5px; } .u-tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .u-tooltip.bottom { padding: 5px 0; } .u-tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .u-tooltip.inverse.bottom .tooltip-arrow::after { top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: #fff; } .u-tooltip.inverse.bottom .tooltip-arrow { border-bottom-color: #d9d9d9; } .u-tooltip.inverse.left .tooltip-arrow::after { border-right-width: 0; top: -5px; margin-left: -6px; border-left-color: #fff; } .u-tooltip.inverse.left .tooltip-arrow { border-left-color: #d9d9d9; } .u-tooltip.inverse.right .tooltip-arrow::after { border-left-width: 0; top: -5px; margin-left: 1px; border-right-color: #fff; } .u-tooltip.inverse.right .tooltip-arrow { border-right-color: #d9d9d9; } .u-tooltip.inverse.top .tooltip-arrow::after { top: -6px; margin-left: -5px; border-bottom-width: 0; border-bottom-color: #d9d9d9; border-top-color: #fff; } .u-tooltip.inverse.top .tooltip-arrow { border-top-color: #d9d9d9; } .u-tooltip.inverse .tooltip-inner { background-color: #fff; color: #333333; border: 1px solid #d9d9d9; } .u-tooltip.inverse .tooltip-arrow::after { position: absolute; display: block; width: 0; height: 0; border: 5px solid transparent; content: " "; } /* FormGroup */ /* Navlayout */ /* FormGroup */ /* Navlayout */ /** * 加载背景 */ /** * 文字 */ .u-loading-desc { position: absolute; bottom: 0; left: 0; right: 0; font-size: 16px; color: #000; text-align: center; } /** * default样式 单个圆圈加载 */ .u-loading.u-loading-rotate > div { position: absolute; border-radius: 100%; margin: 2px; animation-fill-mode: both; border: 2px solid #0084ff; border-bottom-color: transparent; width: 40px; height: 40px; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; background: transparent !important; display: inline-block; animation: rotate 0.75s 0s linear infinite; } .u-loading.u-loading-rotate.u-loading-rotate-lg > div { margin-left: -35px; margin-top: -35px; width: 60px; height: 60px; } .u-loading.u-loading-rotate.u-loading-rotate-sm > div { margin-left: -15px; margin-top: -15px; width: 25px; height: 25px; } .u-loading.u-loading-rotate.u-loading-rotate-primary > div { border: 2px solid #3f51b5; border-bottom-color: transparent; } .u-loading.u-loading-rotate.u-loading-rotate-success > div { border: 2px solid #4caf50; border-bottom-color: transparent; } .u-loading.u-loading-rotate.u-loading-rotate-warning > div { border: 2px solid #ff9800; border-bottom-color: transparent; } .u-loading-backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1600; opacity: .7; filter: blur(0.5px); background-color: #fff; } .u-loading-backdrop.full-screen { position: fixed; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .u-loading.u-loading-line { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -25px; } .u-loading.u-loading-line > div { background-color: #C2C3C5; width: 6px; height: 50px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; } .u-loading.u-loading-line.u-loading-line-lg { margin-top: -50px; margin-left: -30px; } .u-loading.u-loading-line.u-loading-line-lg > div { width: 8px; height: 90px; } .u-loading.u-loading-line.u-loading-line-sm { margin-top: -22px; margin-left: -20px; } .u-loading.u-loading-line.u-loading-line-sm > div { width: 4px; height: 35px; } .u-loading.u-loading-line div:nth-child(1) { animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); background-color: #F44336; } .u-loading.u-loading-line div:nth-child(2) { animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); background-color: #7ED321; } .u-loading.u-loading-line div:nth-child(3) { animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); background-color: #0084FF; } .u-loading.u-loading-line div:nth-child(4) { animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); background-color: #FF9800; } .u-loading.u-loading-line div:nth-child(5) { animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); background-color: #D0021B; } .u-loading.u-loading-line.u-loading-line-primary > div { background-color: #3f51b5; } .u-loading.u-loading-line.u-loading-line-success > div { background-color: #4caf50; } .u-loading.u-loading-line.u-loading-line-warning > div { background-color: #ff9800; } @keyframes line-scale { 0% { transform: scaley(1); } 50% { transform: scaley(0.4); } 100% { transform: scaley(1); } } .u-table { font-size: 12px; color: #666; transition: opacity 0.3s ease; position: relative; line-height: 1.5; overflow: hidden; } .u-table table { width: 100%; border-collapse: collapse; text-align: left; } .u-table th { background: #f7f7f7; font-weight: bold; transition: background 0.3s ease; } .u-table th[colspan] { text-align: center; } .u-table td { border-bottom: 1px solid #e9e9e9; } .u-table tr { transition: all 0.3s ease; } .u-table tr:hover { background: rgb(227,242,253); } .u-table tr.tr-row-hover { background: rgb(227,242,253); } .u-table th, .u-table td { padding: 16px 8px; word-break: break-all; } .u-table-row-hover { background: #e3f2fd; } .u-table-scroll { overflow: auto; } .u-table-bordered table { border: 1px solid #e9e9e9; } .u-table-bordered th { border-bottom: 1px solid #e9e9e9; } .u-table-bordered th, .u-table-bordered td { border-right: 1px solid #e9e9e9; } .u-table-header { overflow: hidden; background: #f7f7f7; } .u-table-fixed-header .u-table-body { background: #fff; position: relative; } .u-table-fixed-left .u-table-body-inner { margin-right: -20px; } .u-table-fixed-header .u-table-body-inner { height: 100%; overflow: scroll; } .u-table-fixed-header .u-table-scroll .u-table-header { overflow-x: scroll; padding-bottom: 20px; margin-bottom: -20px; overflow-y: auto; box-sizing: border-box; } .u-table-title { padding: 16px 8px; border-top: 1px solid #e9e9e9; } .u-table-content { position: relative; } .u-table-footer { padding: 16px 8px; border-bottom: 1px solid #e9e9e9; } .u-table-footer .u-table-scroll { overflow-x: hidden; } .u-table-footer .u-table { margin: -16px -8px; } .u-table-placeholder { padding: 16px 8px; background: #fff; border-bottom: 1px solid #e9e9e9; text-align: center; position: relative; } .u-table-expand-icon-col { width: 10px; } .u-table-row-expand-icon, .u-table-expanded-row-expand-icon { cursor: pointer; display: inline-block; margin-right: 10px; width: 16px; height: 16px; text-align: center; line-height: 16px; border: 1px solid #e9e9e9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; } .u-table-row-spaced, .u-table-expanded-row-spaced { visibility: hidden; } .u-table-row-spaced:after, .u-table-expanded-row-spaced:after { content: "."; } .u-table-row-expanded:after, .u-table-expanded-row-expanded:after { content: "-"; } .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after { content: "+"; } .u-table tr.u-table-expanded-row { background: #f7f7f7; } .u-table tr.u-table-expanded-row:hover { background: #f7f7f7; } .u-table-column-hidden { display: none; } .u-table-prev-columns-page, .u-table-next-columns-page { cursor: pointer; color: #666; z-index: 1; } .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover { color: #2db7f5; } .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled { cursor: not-allowed; color: #999; } .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover { color: #999; } .u-table-prev-columns-page { margin-right: 8px; } .u-table-prev-columns-page:before { content: "<"; } .u-table-next-columns-page { float: right; } .u-table-next-columns-page:before { content: ">"; } .u-table-fixed-left, .u-table-fixed-right { position: absolute; top: 0; overflow: hidden; z-index: 1; } .u-table-fixed-left table, .u-table-fixed-right table { width: auto; background: #fff; } .u-table-fixed-left { left: 0; box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); } .u-table-fixed-left-body-inner { margin-right: -20px; padding-right: 20px; } .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner { padding-right: 0; } .u-table-fixed-right { right: 0; box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); } .u-table-fixed-right-expanded-row { color: transparent; pointer-events: none; } .u-table-scroll-position-left .u-table-fixed-left { box-shadow: none; } .u-table-scroll-position-right .u-table-fixed-right { box-shadow: none; } .u-table.bordered table { border-collapse: collapse; } .u-table.bordered th, .u-table.bordered td { border: 1px solid #e9e9e9; } .move-enter, .move-appear { opacity: 0; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-duration: 2.5s; animation-fill-mode: both; animation-play-state: paused; } .move-leave { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-duration: 0.5s; animation-fill-mode: both; animation-play-state: paused; } .move-enter.move-enter-active, .move-appear.move-enter-active { animation-name: moveLeftIn; animation-play-state: running; } .move-leave.move-leave-active { animation-name: moveRightOut; animation-play-state: running; } @keyframes moveLeftIn { 0% { transform-origin: 0 0; transform: translateX(30px); opacity: 0; background: rgb(238,238,238); } 20% { transform-origin: 0 0; transform: translateX(0); opacity: 1; } 80% { background: rgb(238,238,238); } 100% { background: transparent; opacity: 1; } } @keyframes moveRightOut { 0% { transform-origin: 0 0; transform: translateX(0); opacity: 1; } 100% { transform-origin: 0 0; transform: translateX(-30px); opacity: 0; } } .formItem-style { height: unset; min-height: unset; padding: 0; } .errMessage-style { display: none; border: none; /* margin-top: 5px; */ /* margin-bottom: 5px; */ background: transparent; color: #f22c1d; /* padding-left: 12px; */ /* padding-right: 12px; */ margin: 0; position: absolute; padding: 0; top: 3px; right: 0; } .editable-cell { position: relative; } .editable-cell-input-wrapper, .editable-cell-text-wrapper { padding-right: 24px; } .editable-cell-text-wrapper { padding: 5px 24px 5px 5px; height: 30px; } .editable-cell-icon, .editable-cell-icon-check { position: absolute; top: 0; right: 0; width: 20px; cursor: pointer; } .editable-cell-icon { line-height: 28px; display: none; } .editable-cell-icon-check { line-height: 28px; } .editable-cell:hover .editable-cell-icon { display: inline-block; } .editable-cell-icon:hover, .editable-cell-icon-check:hover { color: #2db7f5; } .editable-add-btn { margin-bottom: 8px; } .search-component { margin-bottom: 20px; } .search-component .empty-search { position: absolute; right: 45px; z-index: 20; top: 5px; color: #524e4e; cursor: pointer; } .search-component.u-input-group.simple { float: right; } .search-component.u-input-group.simple .u-form-control { width: 251px; background: #f5f5f5; border-color: #f5f5f5; border-radius: 20px; } .search-component.u-input-group.simple .u-input-group-btn { top: 3px; right: 20px; position: absolute; } .bee-table-column-sorter { position: relative; margin-left: 4px; display: inline-block; width: 14px; height: 1em; vertical-align: middle; text-align: center; } .bee-table-column-sorter > .bee-table-column-sorter-down, .bee-table-column-sorter > .bee-table-column-sorter-up { line-height: 6px; display: block; width: 14px; cursor: pointer; } .bee-table-column-sorter-down.on .uf-triangle-down, .bee-table-column-sorter-down.on .uf-triangle-up, .bee-table-column-sorter-up.on .uf-triangle-down, .bee-table-column-sorter-up.on .uf-triangle-up { color: #108ee9; } .bee-table-column-sorter .uf-triangle-down, .bee-table-column-sorter .uf-triangle-up { filter: none; font-size: 12px; } .bee-table-column-sorter .uf-triangle-down, .bee-table-column-sorter .uf-triangle-up { display: inline-block; padding: 0; font-size: 12px; font-size: 8px\9; transform: scale(0.66667) rotate(0deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; zoom: 1; line-height: 4px; height: 4px; color: #999; transition: all 0.3s; } /* FormGroup */ /* Navlayout */ /* FormGroup */ /* Navlayout */ .u-form-control { position: relative; display: inline-block; padding: 0 12px; width: 100%; height: 30px; cursor: text; font-size: 14px; line-height: 1.5; color: #424242; background-color: #fff; background-image: none; border: 1px solid #bdbdbd; border-radius: 3px; transition: all .3s; } .u-form-control:focus { border-color: #66afe9; outline: 0; } .u-form-control[disabled] { background: #eee; border-color: #e0e0e0; color: #BDBDBD; cursor: not-allowed; } .u-form-control.lg { height: 38px; font-size: 14px; } .u-form-control.sm { font-size: 12px; height: 24px; } .u-form-control-search-wrapper { position: absolute; top: 0; left: 0; height: 28px; padding: 4px; width: 100%; } .u-form-control-search-wrapper .u-form-control-search-action { color: #ccc; position: absolute; top: 2px; right: 2px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; text-decoration: none; } .u-form-control-search-wrapper .u-form-control-search-action .uf { transition: all .3s; font-size: 12px; color: #ccc; } .u-form-control-search-wrapper .u-form-control-search-action .uf.uf-search:before { content: "\e603"; } .u-form-control-affix-wrapper { position: relative; display: inline-block; width: 100%; } .u-form-control-affix-wrapper .u-form-control-prefix, .u-form-control-affix-wrapper .u-form-control-suffix { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; line-height: 0; right: 7px; color: rgba(0, 0, 0, 0.65); } /* FormGroup */ /* Navlayout */ /* FormGroup */ /* Navlayout */ .u-input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; } .u-input-group-addon:last-child { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .u-input-group-addon:first-child { border-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } /* FormGroup */ /* Navlayout */ .u-input-group-btn { font-size: 0; white-space: nowrap; position: relative; width: 1%; vertical-align: middle; display: table-cell; } .u-input-group-btn .u-button { position: relative; } .u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group > button, .u-input-group-btn:first-child > .dropdown-toggle, .u-input-group-btn:last-child > .btn-group:not(:last-child) > button, .u-input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .u-input-group-btn:first-child > .btn-group:not(:first-child) > button, .u-input-group-btn:first-child > button:not(:first-child), .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group > button, .u-input-group-btn:last-child > .dropdown-toggle { border-bottom-left-radius: 0; border-top-left-radius: 0; } .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group { margin-left: -1px; } .u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group { margin-right: -1px; } .u-input-group { position: relative; display: table; border-collapse: separate; } .u-input-group .u-input-group-btn .u-button { border: 1px solid #ccc; height: 30px; line-height: 1.3; } .u-input-group .u-form-control { position: relative; float: left; width: 100%; margin-bottom: 0; display: table-cell; } .u-input-group .u-form-control:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .u-input-group .u-form-control:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .u-input-group .u-form-control:not(:first-child):not(:last-child) { border-radius: 0; } .u-input-group.simple .u-form-control { border-radius: 3px; } .u-input-group.simple .u-input-group-btn { position: absolute; top: 2px; bottom: 0; right: 5px; min-width: 20px; } .u-input-group.simple .u-form-control:not(:last-child) { padding-right: 23px; } .rc-calendar { box-sizing: border-box; } .rc-calendar * { box-sizing: border-box; } .rc-calendar-hidden { display: none; } .rc-calendar-input-wrap { position: relative; padding: 6px; border-bottom: 1px solid #e9e9e9; } .rc-calendar-input-wrap:after { content: ''; clear: both; } .rc-calendar-date-input-wrap { overflow: hidden; } .rc-calendar-time-picker { position: absolute; width: 100%; top: 34px; background-color: white; height: 217px; } .rc-calendar-time-picker-panel { width: 100%; position: relative; } .rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap { display: none; } .rc-calendar-time-picker-panel .rc-time-picker-panel-inner { border: none; box-shadow: none; } .rc-calendar-time-picker-panel .rc-time-picker-panel-select { width: 84px; } .rc-calendar-time-picker-panel .rc-time-picker-panel-select ul { max-height: 217px; } .rc-calendar-time-picker-panel .rc-time-picker-panel-select li { text-align: center; padding: 0; } .rc-calendar-time-picker-wrap { float: left; width: 100%; } .rc-calendar-time-picker-wrap .rc-time-picker { width: 100%; } .rc-calendar-time-picker-wrap .rc-time-picker-input { padding: 0; border: 1px solid transparent; outline: 0; height: 22px; } .rc-calendar-time-picker-wrap .rc-time-picker-icon { display: none; } .rc-calendar-input { border: 1px solid transparent; width: 100%; color: #666; cursor: text; line-height: 1.5; outline: 0; height: 22px; } .rc-calendar-input-invalid { border-color: red; } .rc-calendar-clear-btn { z-index: 9999; position: absolute; right: 6px; cursor: pointer; overflow: hidden; width: 20px; height: 20px; text-align: center; line-height: 20px; top: 6px; margin: 0; } .rc-calendar-clear-btn:after { content: "x"; font-size: 12px; color: #aaa; display: inline-block; line-height: 1; width: 20px; transition: color 0.3s ease; } .rc-calendar-clear-btn:hover:after { color: #666; } .rc-calendar-picker { position: absolute; left: -9999px; top: -9999px; z-index: 1000; } .rc-calendar-picker-hidden { display: none; } .rc-calendar-picker-slide-up-enter { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-play-state: paused; } .rc-calendar-picker-slide-up-appear { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-play-state: paused; } .rc-calendar-picker-slide-up-leave { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; display: block !important; opacity: 1; animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-play-state: paused; } .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight { animation-name: rcDropdownSlideUpIn; animation-play-state: running; } .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight { animation-name: rcDropdownSlideDownIn; animation-play-state: running; } .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft, .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight { animation-name: rcDropdownSlideUpOut; animation-play-state: running; } .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft, .rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight { animation-name: rcDropdownSlideDownOut; animation-play-state: running; } @keyframes rcDropdownSlideUpIn { 0% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } } @keyframes rcDropdownSlideUpOut { 0% { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); } } @keyframes rcDropdownSlideDownIn { 0% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0); } 100% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } } @keyframes rcDropdownSlideDownOut { 0% { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1); } 100% { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0); } } .rc-calendar { position: relative; outline: none; font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif; width: 253px; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 5px #ccc; background-clip: padding-box; border: 1px solid #ccc; line-height: 1.5; } .rc-calendar-date-panel, .rc-calendar-panel { position: relative; outline: none; } .rc-calendar-week-number { width: 286px; } .rc-calendar-week-number-cell { text-align: center; } .rc-calendar-header { padding: 0 10px; height: 34px; line-height: 30px; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-header > a { font-weight: bold; display: inline-block; padding: 0px 5px; line-height: 34px; text-align: center; width: 30px; } .rc-calendar-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-header .rc-calendar-prev-month-btn { position: absolute; left: 25px; } .rc-calendar-header .rc-calendar-prev-month-btn:after { content: '‹'; } .rc-calendar-header .rc-calendar-next-month-btn { position: absolute; right: 25px; } .rc-calendar-header .rc-calendar-next-month-btn:after { content: '›'; } .rc-calendar-year-select, .rc-calendar-month-select, .rc-calendar-day-select { display: inline-block; font-size: 12px; font-weight: bold; color: #666; padding: 0 8px; line-height: 34px; } .rc-calendar-year-select:hover, .rc-calendar-month-select:hover, .rc-calendar-day-select:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-prev-month-btn, .rc-calendar-next-month-btn, .rc-calendar-prev-year-btn, .rc-calendar-next-year-btn { position: absolute; top: 0; cursor: pointer; color: #999; font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif; padding: 0 5px; font-size: 16px; display: inline-block; line-height: 34px; } .rc-calendar-prev-month-btn:hover, .rc-calendar-next-month-btn:hover, .rc-calendar-prev-year-btn:hover, .rc-calendar-next-year-btn:hover { color: #23c0fa; } .rc-calendar-next-year-btn { right: 0; } .rc-calendar-next-year-btn:after { content: '»'; } .rc-calendar-prev-year-btn { left: 0; } .rc-calendar-prev-year-btn:after { content: '«'; } .rc-calendar-body { padding: 9px 10px 10px; height: 217px; } .rc-calendar table { border-collapse: collapse; max-width: 100%; background-color: transparent; width: 100%; } .rc-calendar table, .rc-calendar td, .rc-calendar th, .rc-calendar td { border: none; } .rc-calendar-table { border-spacing: 0; margin-bottom: 0; } .rc-calendar-column-header { line-height: 18px; padding: 6px 0; width: 33px; text-align: center; } .rc-calendar-column-header .rc-calendar-column-header-inner { display: block; font-weight: normal; } .rc-calendar-week-number-header .rc-calendar-column-header-inner { display: none; } .rc-calendar-cell { padding: 1px 0; } .rc-calendar-date { display: block; margin: 0 auto; color: #666; border-radius: 4px 4px; width: 26px; height: 26px; padding: 0; background: transparent; line-height: 26px; text-align: center; } .rc-calendar-date:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-selected-day .rc-calendar-date { background: #d9f4fe; } .rc-calendar-selected-date .rc-calendar-date { background: #3fc7fa; color: #fff; } .rc-calendar-selected-date .rc-calendar-date:hover { background: #3fc7fa; } .rc-calendar-today .rc-calendar-date { border: 1px solid #3fc7fa; } .rc-calendar-disabled-cell .rc-calendar-date { cursor: not-allowed; color: #bcbcbc; background: #f3f3f3; border-radius: 0; width: auto; } .rc-calendar-disabled-cell .rc-calendar-date:hover { background: #f3f3f3; } .rc-calendar-disabled-cell-first-of-row .rc-calendar-date { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .rc-calendar-disabled-cell-last-of-row .rc-calendar-date { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .rc-calendar-last-month-cell .rc-calendar-date, .rc-calendar-next-month-btn-day .rc-calendar-date { color: #bbb; } .rc-calendar-footer { border-top: 1px solid #ccc; padding: 10px 0; text-align: center; position: relative; } .rc-calendar-footer .rc-time-picker { width: 90px; } .rc-calendar-footer .rc-time-picker-input { height: 24px; } .rc-calendar-footer-show-ok { text-align: right; } .rc-calendar-footer-show-ok .rc-calendar-footer-btn { padding-right: 12px; } .rc-calendar-footer-show-ok .rc-calendar-time-picker-btn { margin-left: 0; padding: 0 12px; } .rc-calendar-footer-show-ok .rc-calendar-today-btn { float: left; padding-left: 12px; } .rc-calendar-footer-btn { margin-top: 2px; } .rc-calendar-footer-btn:after { content: 'x'; height: 0; font-size: 0; overflow: hidden; clear: both; } .rc-calendar-time-picker-btn { margin-left: 10px; } .rc-calendar-today-btn, .rc-calendar-ok-btn, .rc-calendar-time-picker-btn { display: inline-block; text-align: center; color: #f46830; } .rc-calendar-today-btn:hover, .rc-calendar-ok-btn:hover, .rc-calendar-time-picker-btn:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-today-btn-disabled, .rc-calendar-ok-btn-disabled, .rc-calendar-time-picker-btn-disabled { color: #bbb; } .rc-calendar-today-btn-disabled:hover, .rc-calendar-ok-btn-disabled:hover, .rc-calendar-time-picker-btn-disabled:hover { color: #bbb; } .rc-calendar-today-btn { padding-left: 10px; } .rc-calendar-time-input { height: 25px; position: relative; display: inline-block; margin: 0 0; padding: 4px 10px; border-radius: 6px 6px; border: 1px solid #d9d9d9; background-color: #ffffff; color: #666; line-height: 1.5; transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1); width: 40px; } .rc-calendar-time-input:hover { border-color: #23c0fa; } .rc-calendar-time-input:focus { border-color: #23c0fa; box-shadow: 0 0 3px #23c0fa; } .rc-calendar-time-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; } .rc-calendar-time-panel-header { padding: 0 10px; height: 34px; line-height: 34px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-time-panel-body { padding: 9px 10px 10px; } .rc-calendar-time-panel-title { width: 180px; font-weight: bold; display: inline-block; padding: 4px 5px; text-align: center; height: 30px; line-height: 22px; border-radius: 4px; } .rc-calendar-time-panel-table { table-layout: fixed; width: 100%; height: 255px; border-collapse: separate; } .rc-calendar-time-panel-cell { text-align: center; height: 42px; vertical-align: middle; } .rc-calendar-time-panel-time { line-height: 26px; display: block; border-radius: 4px; width: 26px; margin: 0 auto; } .rc-calendar-time-panel-time:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time { background: #3fc7fa; color: #fff; } .rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover { background: #3fc7fa; color: #fff; } .rc-calendar-month-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; } .rc-calendar-month-panel-hidden { display: none; } .rc-calendar-month-panel-header { padding: 0 10px; height: 34px; line-height: 30px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-month-panel-header > a { font-weight: bold; display: inline-block; padding: 4px 5px; text-align: center; width: 30px; } .rc-calendar-month-panel-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-month-panel-prev-year-btn, .rc-calendar-month-panel-next-year-btn { position: absolute; top: 0; } .rc-calendar-month-panel-next-year-btn:after { content: '»'; } .rc-calendar-month-panel-prev-year-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 0; } .rc-calendar-month-panel-prev-year-btn:after { content: '«'; } .rc-calendar-month-panel .rc-calendar-month-panel-year-select { width: 180px; } .rc-calendar-month-panel-year-select-arrow { display: none; } .rc-calendar-month-panel-next-year-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; } .rc-calendar-month-panel-body { padding: 9px 10px 10px; } .rc-calendar-month-panel-table { table-layout: fixed; width: 100%; height: 255px; border-collapse: separate; } .rc-calendar-month-panel-cell { text-align: center; } .rc-calendar-month-panel-cell .rc-calendar-month-panel-month { display: block; width: 46px; margin: 0 auto; color: #666; border-radius: 4px 4px; height: 36px; padding: 0; background: transparent; line-height: 36px; text-align: center; } .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month { color: #bfbfbf; } .rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover { background: white; cursor: not-allowed; } .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { background: #3fc7fa; color: #fff; } .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover { background: #3fc7fa; color: #fff; } .rc-calendar-year-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; } .rc-calendar-year-panel-hidden { display: none; } .rc-calendar-year-panel-header { padding: 0 10px; height: 34px; line-height: 30px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-year-panel-header > a { font-weight: bold; display: inline-block; padding: 4px 5px; text-align: center; width: 30px; } .rc-calendar-year-panel-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-year-panel-prev-decade-btn, .rc-calendar-year-panel-next-decade-btn { position: absolute; top: 0; } .rc-calendar-year-panel-next-decade-btn:after { content: '»'; } .rc-calendar-year-panel-prev-decade-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 0; } .rc-calendar-year-panel-prev-decade-btn:after { content: '«'; } .rc-calendar-year-panel .rc-calendar-year-panel-decade-select { width: 180px; } .rc-calendar-year-panel-decade-select-arrow { display: none; } .rc-calendar-year-panel-next-decade-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; } .rc-calendar-year-panel-body { padding: 9px 10px 10px; } .rc-calendar-year-panel-table { table-layout: fixed; width: 100%; height: 255px; border-collapse: separate; } .rc-calendar-year-panel-cell { text-align: center; } .rc-calendar-year-panel-year { display: block; width: 46px; margin: 0 auto; color: #666; border-radius: 4px 4px; height: 36px; padding: 0; background: transparent; line-height: 36px; text-align: center; } .rc-calendar-year-panel-year:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year { background: #3fc7fa; color: #fff; } .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover { background: #3fc7fa; color: #fff; } .rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year, .rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; color: rgba(0, 0, 0, 0.25); } .rc-calendar-decade-panel { left: 0; top: 0; bottom: 0; right: 0; background: #ffffff; z-index: 10; position: absolute; outline: none; } .rc-calendar-decade-panel-hidden { display: none; } .rc-calendar-decade-panel-header { padding: 0 10px; height: 34px; line-height: 34px; position: relative; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; } .rc-calendar-decade-panel-header > a { font-weight: bold; display: inline-block; padding: 1px 5px; text-align: center; width: 30px; } .rc-calendar-decade-panel-header > a:hover { cursor: pointer; color: #23c0fa; } .rc-calendar-decade-panel-prev-century-btn, .rc-calendar-decade-panel-next-century-btn { position: absolute; top: 0; } .rc-calendar-decade-panel-next-century-btn:after { content: '»'; } .rc-calendar-decade-panel-prev-century-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 0; } .rc-calendar-decade-panel-prev-century-btn:after { content: '«'; } .rc-calendar-decade-panel-next-century-btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0; } .rc-calendar-decade-panel-body { padding: 9px 10px 10px; } .rc-calendar-decade-panel-table { table-layout: fixed; width: 100%; height: 255px; border-collapse: separate; } .rc-calendar-decade-panel-cell { text-align: center; } .rc-calendar-decade-panel-decade { display: block; margin: 0 auto; color: #666; border-radius: 4px 4px; height: 36px; padding: 0; background: transparent; line-height: 36px; text-align: center; } .rc-calendar-decade-panel-decade:hover { background: #ebfaff; cursor: pointer; } .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade { background: #3fc7fa; color: #fff; } .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover { background: #3fc7fa; color: #fff; } .rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade, .rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; color: rgba(0, 0, 0, 0.25); } .rc-calendar-range { width: 502px; overflow: hidden; } .rc-calendar-range-part { width: 250px; position: relative; } .rc-calendar-range-part .rc-calendar-time-picker { top: 69px; } .rc-calendar-range-part .rc-calendar-time-picker-panel-select { width: 77px; } .rc-calendar-range-left { float: left; } .rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child { border-right: 1px solid #e9e9e9; } .rc-calendar-range-right { float: right; } .rc-calendar-range-right .rc-calendar-time-picker-panel { left: 21px; } .rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child { border-left: 1px solid #e9e9e9; } .rc-calendar-range-middle { position: absolute; margin-left: -10px; text-align: center; height: 35px; line-height: 35px; } .rc-calendar-range .rc-calendar-date-panel::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .rc-calendar-range .rc-calendar-input-wrap { height: 35px; } .rc-calendar-range .rc-calendar-input, .rc-calendar-range .rc-time-picker-input { padding: 1px 7px; height: 22px; } .rc-calendar-range .rc-calendar-body, .rc-calendar-range .rc-calendar-decade-panel-body, .rc-calendar-range .rc-calendar-year-panel-body, .rc-calendar-range .rc-calendar-month-panel-body { border-bottom: 1px solid #e9e9e9; } .rc-calendar-range.rc-calendar-week-number { width: 574px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part { width: 286px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker { top: 69px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select { width: 89px; } .rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel { left: 36px; } .rc-calendar-range .rc-calendar-year-panel, .rc-calendar-range .rc-calendar-month-panel { top: 35px; } .rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel { top: 0; } .rc-calendar-range .rc-calendar-decade-panel-table, .rc-calendar-range .rc-calendar-year-panel-table, .rc-calendar-range .rc-calendar-month-panel-table { height: 198px; } .rc-calendar-range .rc-calendar-in-range-cell { background: #ebf4f8; border-radius: 0; } .rc-calendar-range-bottom { text-align: right; } .rc-calendar-range .rc-calendar-footer { border-top: none; padding: 0; } .rc-calendar-range .rc-calendar-footer-btn { padding: 10px 12px 10px 0; } .rc-calendar-range .rc-calendar-ok-btn { position: static; } .rc-calendar-range .rc-calendar-today-btn { float: left; } .rc-calendar-full { width: 275px; } .rc-calendar-full-header { padding: 5px 10px; text-align: center; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; border-bottom: 1px solid #ccc; overflow: hidden; } .rc-calendar-full-header-month-select, .rc-calendar-full-header-year-select { width: 70px; float: right; margin-right: 5px; } .rc-calendar-full-header-switcher { float: right; display: inline-block; } .rc-calendar-full-header-switcher-normal:hover { border-color: #23c0fa; box-shadow: 0 0 2px rgba(45, 183, 245, 0.8); cursor: pointer; } .rc-calendar-full-header-switcher-focus { border-color: #3fc7fa; background-color: #3fc7fa; color: #fff; } .rc-calendar-full-header-switcher > span { float: left; height: 28px; line-height: 24px; border: 1px solid #d9d9d9; padding: 0 10px; color: #666; } .rc-calendar-full-header-switcher > span:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: none; } .rc-calendar-full-header-switcher > span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: none; } .rc-calendar-fullscreen { width: auto; } .rc-calendar-fullscreen .rc-calendar-full-header { border-bottom: none; } .rc-calendar-fullscreen .rc-calendar-column-header { text-align: right; padding-right: 12px; } .rc-calendar-fullscreen .rc-calendar-cell { padding: 0; } .rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date, .rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month { display: block; height: 116px; width: auto; border-radius: 0; margin: 0 4px; border: none; border-top: 2px solid #eee; text-align: right; padding-right: 8px; } .rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date, .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { background-color: #ebfaff; color: #666; } .rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date, .rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month { border-top-color: #3FC7FA; color: #3FC7FA; } .week-calendar-sidebar-button { padding: 3px 5px; font-size: 1.2rem; color: white; background-color: #1e88e5; border: 1px #1e88e5 solid; border-radius: 0.4rem; position: relative; min-width: 7.2rem; display: inline-block; font-weight: 500; line-height: 1; letter-spacing: 0; overflow: hidden; will-change: box-shadow, transform; outline: none; cursor: pointer; text-decoration: none; text-align: center; vertical-align: middle; } .rc-time-picker { display: inline-block; box-sizing: border-box; } .rc-time-picker * { box-sizing: border-box; } .rc-time-picker-input { width: 100%; position: relative; display: inline-block; padding: 4px 7px; height: 28px; cursor: text; font-size: 12px; line-height: 1.5; color: #666; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .rc-time-picker-input[disabled] { color: #ccc; background: #f7f7f7; cursor: not-allowed; } .rc-time-picker-panel { z-index: 1070; width: 170px; position: absolute; box-sizing: border-box; } .rc-time-picker-panel * { box-sizing: border-box; } .rc-time-picker-panel-inner { display: inline-block; position: relative; outline: none; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 5px #ccc; background-clip: padding-box; border: 1px solid #ccc; line-height: 1.5; } .rc-time-picker-panel-narrow { max-width: 113px; } .rc-time-picker-panel-input { margin: 0; padding: 0; width: 100%; cursor: auto; line-height: 1.5; outline: 0; border: 1px solid transparent; } .rc-time-picker-panel-input-wrap { box-sizing: border-box; position: relative; padding: 6px; border-bottom: 1px solid #e9e9e9; } .rc-time-picker-panel-input-invalid { border-color: red; } .rc-time-picker-panel-clear-btn { position: absolute; right: 6px; cursor: pointer; overflow: hidden; width: 20px; height: 20px; text-align: center; line-height: 20px; top: 6px; margin: 0; } .rc-time-picker-panel-clear-btn:after { content: "x"; font-size: 12px; color: #aaa; display: inline-block; line-height: 1; width: 20px; transition: color 0.3s ease; } .rc-time-picker-panel-clear-btn:hover:after { color: #666; } .rc-time-picker-panel-select { float: left; font-size: 12px; border: 1px solid #e9e9e9; border-width: 0 1px; margin-left: -1px; box-sizing: border-box; width: 56px; max-height: 144px; overflow-y: auto; position: relative; } .rc-time-picker-panel-select-active { overflow-y: auto; } .rc-time-picker-panel-select:first-child { border-left: 0; margin-left: 0; } .rc-time-picker-panel-select:last-child { border-right: 0; } .rc-time-picker-panel-select ul { list-style: none; box-sizing: border-box; margin: 0; padding: 0; width: 100%; } .rc-time-picker-panel-select li { list-style: none; box-sizing: content-box; margin: 0; padding: 0 0 0 16px; width: 100%; height: 24px; line-height: 24px; text-align: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rc-time-picker-panel-select li:hover { background: #edfaff; } li.rc-time-picker-panel-select-option-selected { background: #f7f7f7; font-weight: bold; } li.rc-time-picker-panel-select-option-disabled { color: #ccc; } li.rc-time-picker-panel-select-option-disabled:hover { background: transparent; cursor: not-allowed; } .calendar-picker { width: 300px; } .icon-container { position: relative; } .datepicker-input-group.u-input-group { display: block; } /*# sourceMappingURL=demo.css.map */