mz3/test/css/public.css

.el-form-item__label{
    color: white ;
}
/*
 * =====================================================
 * 页面公共样式、主体样式
 * =====================================================
 */

 /*初始化类*/
 @charset "UTF-8";
 html {
     font-family:  "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;
   /*去掉谷歌字体最小为12px的问题*/
     -webkit-text-size-adjust: 100%;
   /*超链接的去除高亮*/
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 *{
     margin: 0;
     padding: 0;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
 }
 input[type=button], input[type=submit], input[type=file], button { 
   cursor: pointer; 
   /*去除表单元素点击时的外框*/
   -webkit-appearance: none;
   outline: none; 
 }
 body {
     margin: 0;
     padding: 0;
     line-height: normal;
   font-size: 0.24rem;
   /*下滑更流畅*/
     -webkit-overflow-scrolling: touch;
 }
 
 img {
     border: 0;
   vertical-align: middle;
 }
 
 *:focus{
     outline: medium;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
     display: block;
 }
 a{
     text-decoration: none;
     color: white;
 }
 audio,
 canvas,
 progress,
 video {
     display: block;
 }
 
 a {
     background: transparent;
     text-decoration: none;
 }
 
 ol, ul, li {
     list-style: outside none none;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 a:active {
     opacity: 0.5;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }
 
 select,
 textarea,
 input,
 button {
     border:1px solid #c8c7cc;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-appearance: none !important;
 }
 
  /*主样式*/
 .pull-left {
     float: left !important;
 }
 
 .pull-right {
     float: right !important;
 }
 
 .clearfix:before, .clearfix:after {
     display: table;
     content: ' ';
 }
 .clearfix:after {
     clear: both;
 }
 
 .ellipsis {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 
 .ellipsis-2 {
     display: -webkit-box;
     overflow: hidden;
     white-space: normal !important;
     text-overflow: ellipsis;
     word-wrap: break-word;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 
 .dcenter {
     margin-left: auto;
     margin-right: auto;
 }
 
 /*解决移动端1px边框变粗样式*/
 .border-t,
 .border-b,
 .border-l,
 .border-r,
 .border-tb,
 .border {
     position: relative;
 }
 .border-t:after,
 .border-b:after,
 .border-l:after,
 .border-r:after,
 .border-tb:after,
 .border:after {
     display: block;
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     -webkit-transform-origin: 0 0;
     -webkit-transform: scale(1);
     pointer-events: none;
 }
 .border-l:after {
     border-left: 1px solid #c8c7cc;
 }
 .border-r:after {
     border-right: 1px solid #c8c7cc;
 }
 .border-t:after {
     border-top: 1px solid #c8c7cc;
 }
 .border-b:after {
     border-bottom: 1px solid #c8c7cc;
 }
 .border-tb:after {
     border-top: 1px solid #c8c7cc;
     border-bottom: 1px solid #c8c7cc;
 }
 .border:after {
     border:1px solid #c8c7cc;
 }
 .border.border-radius:after {
     border-radius: 6px;
 }
 @media screen and (-webkit-min-device-pixel-ratio:1.5) {
     .border-t:after,
     .border-b:after,
     .border-l:after,
     .border-r:after,
     .border-tb:after,
     .border:after {
         right: -100%;
         bottom: -100%;
         -webkit-transform: scale(0.5);
     }
 }
 
 /*仿IOS开关*/
 .switch {
       -webkit-appearance: none;
        -moz-appearance: none;
               appearance: none;
       position: relative;
       width: 52px;
       height: 32px;
       border: 1px solid #DFDFDF;
       outline: 0;
       border-radius: 16px;
       box-sizing: border-box;
       background: #DFDFDF;
 }
 .switch:before {
       content: " ";
       position: absolute;
       top: 0;
       left: 0;
       width: 50px;
       height: 30px;
       border-radius: 15px;
       background-color: #FDFDFD;
       -webkit-transition: -webkit-transform .3s;
       transition: -webkit-transform .3s;
       transition: transform .3s;
       transition: transform .3s, -webkit-transform .3s;
 }
 .switch:after {
       content: " ";
       position: absolute;
       top: 0;
       left: 0;
       width: 30px;
       height: 30px;
       border-radius: 15px;
       background-color: #FFFFFF;
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
       -webkit-transition: -webkit-transform .3s;
       transition: -webkit-transform .3s;
       transition: transform .3s;
       transition: transform .3s, -webkit-transform .3s;
 }
 .switch:checked {
       border-color: #04BE02;
       background-color: #04BE02;
 }
 .switch:checked:before {
       -webkit-transform: scale(0);
               transform: scale(0);
 }
 .switch:checked:after {
       -webkit-transform: translateX(20px);
               transform: translateX(20px);
 }