/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/286(这个备注仅在演示页面有，源代码里没有)*//*! * Flat UI Free v2.2.2 (http://designmodo.github.io/Flat-UI/) * Copyright 2013-2014 Designmodo, Inc. */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 900;  src: url('../fonts/lato/lato-black.eot');  src: url('../fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black.woff') format('woff'), url('../fonts/lato/lato-black.ttf') format('truetype'), url('../fonts/lato/lato-black.svg#latoblack') format('svg');  }@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: bold;  src: url('../fonts/lato/lato-bold.eot');  src: url('../fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#latobold') format('svg');  }@font-face {  font-family: 'Lato';  font-style: italic;  font-weight: bold;  src: url('../fonts/lato/lato-bolditalic.eot');  src: url('../fonts/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic.woff') format('woff'), url('../fonts/lato/lato-bolditalic.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic.svg#latobold-italic') format('svg');  }@font-face {  font-family: 'Lato';  font-style: italic;  font-weight: normal;  src: url('../fonts/lato/lato-italic.eot');  src: url('../fonts/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic.woff') format('woff'), url('../fonts/lato/lato-italic.ttf') format('truetype'), url('../fonts/lato/lato-italic.svg#latoitalic') format('svg');  }@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 300;  src: url('../fonts/lato/lato-light.eot');  src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#latolight') format('svg');  }@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: normal;  src: url('../fonts/lato/lato-regular.eot');  src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#latoregular') format('svg');  }@font-face {  font-family: 'Flat-UI-Icons';  src: url('../../fonts/glyphicons/flat-ui-icons-regular.eot');  src: url('../../fonts/glyphicons/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons/flat-ui-icons-regular.woff') format('woff'), url('../../fonts/glyphicons/flat-ui-icons-regular.ttf') format('truetype'), url('../../fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg');  }[class^="fui-"],[class*="fui-"] {  font-family: 'Flat-UI-Icons';  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  speak: none;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  }.fui-triangle-up:before {  content: "\e600";  }.fui-triangle-down:before {  content: "\e601";  }.fui-triangle-up-small:before {  content: "\e602";  }.fui-triangle-down-small:before {  content: "\e603";  }.fui-triangle-left-large:before {  content: "\e604";  }.fui-triangle-right-large:before {  content: "\e605";  }.fui-arrow-left:before {  content: "\e606";  }.fui-arrow-right:before {  content: "\e607";  }.fui-plus:before {  content: "\e608";  }.fui-cross:before {  content: "\e609";  }.fui-check:before {  content: "\e60a";  }.fui-radio-unchecked:before {  content: "\e60b";  }.fui-radio-checked:before {  content: "\e60c";  }.fui-checkbox-unchecked:before {  content: "\e60d";  }.fui-checkbox-checked:before {  content: "\e60e";  }.fui-info-circle:before {  content: "\e60f";  }.fui-alert-circle:before {  content: "\e610";  }.fui-question-circle:before {  content: "\e611";  }.fui-check-circle:before {  content: "\e612";  }.fui-cross-circle:before {  content: "\e613";  }.fui-plus-circle:before {  content: "\e614";  }.fui-pause:before {  content: "\e615";  }.fui-play:before {  content: "\e616";  }.fui-volume:before {  content: "\e617";  }.fui-mute:before {  content: "\e618";  }.fui-resize:before {  content: "\e619";  }.fui-list:before {  content: "\e61a";  }.fui-list-thumbnailed:before {  content: "\e61b";  }.fui-list-small-thumbnails:before {  content: "\e61c";  }.fui-list-large-thumbnails:before {  content: "\e61d";  }.fui-list-numbered:before {  content: "\e61e";  }.fui-list-columned:before {  content: "\e61f";  }.fui-list-bulleted:before {  content: "\e620";  }.fui-window:before {  content: "\e621";  }.fui-windows:before {  content: "\e622";  }.fui-loop:before {  content: "\e623";  }.fui-cmd:before {  content: "\e624";  }.fui-mic:before {  content: "\e625";  }.fui-heart:before {  content: "\e626";  }.fui-location:before {  content: "\e627";  }.fui-new:before {  content: "\e628";  }.fui-video:before {  content: "\e629";  }.fui-photo:before {  content: "\e62a";  }.fui-time:before {  content: "\e62b";  }.fui-eye:before {  content: "\e62c";  }.fui-chat:before {  content: "\e62d";  }.fui-home:before {  content: "\e62e";  }.fui-upload:before {  content: "\e62f";  }.fui-search:before {  content: "\e630";  }.fui-user:before {  content: "\e631";  }.fui-mail:before {  content: "\e632";  }.fui-lock:before {  content: "\e633";  }.fui-power:before {  content: "\e634";  }.fui-calendar:before {  content: "\e635";  }.fui-gear:before {  content: "\e636";  }.fui-bookmark:before {  content: "\e637";  }.fui-exit:before {  content: "\e638";  }.fui-trash:before {  content: "\e639";  }.fui-folder:before {  content: "\e63a";  }.fui-bubble:before {  content: "\e63b";  }.fui-export:before {  content: "\e63c";  }.fui-calendar-solid:before {  content: "\e63d";  }.fui-star:before {  content: "\e63e";  }.fui-star-2:before {  content: "\e63f";  }.fui-credit-card:before {  content: "\e640";  }.fui-clip:before {  content: "\e641";  }.fui-link:before {  content: "\e642";  }.fui-tag:before {  content: "\e643";  }.fui-document:before {  content: "\e644";  }.fui-image:before {  content: "\e645";  }.fui-facebook:before {  content: "\e646";  }.fui-youtube:before {  content: "\e647";  }.fui-vimeo:before {  content: "\e648";  }.fui-twitter:before {  content: "\e649";  }.fui-spotify:before {  content: "\e64a";  }.fui-skype:before {  content: "\e64b";  }.fui-pinterest:before {  content: "\e64c";  }.fui-path:before {  content: "\e64d";  }.fui-linkedin:before {  content: "\e64e";  }.fui-google-plus:before {  content: "\e64f";  }.fui-dribbble:before {  content: "\e650";  }.fui-behance:before {  content: "\e651";  }.fui-stumbleupon:before {  content: "\e652";  }.fui-yelp:before {  content: "\e653";  }.fui-wordpress:before {  content: "\e654";  }.fui-windows-8:before {  content: "\e655";  }.fui-vine:before {  content: "\e656";  }.fui-tumblr:before {  content: "\e657";  }.fui-paypal:before {  content: "\e658";  }.fui-lastfm:before {  content: "\e659";  }.fui-instagram:before {  content: "\e65a";  }.fui-html5:before {  content: "\e65b";  }.fui-github:before {  content: "\e65c";  }.fui-foursquare:before {  content: "\e65d";  }.fui-dropbox:before {  content: "\e65e";  }.fui-android:before {  content: "\e65f";  }.fui-apple:before {  content: "\e660";  }.video-js {  position: relative;  width: 100% !important;  height: auto !important;  padding-bottom: 47px;  overflow: hidden;  font-size: 0;  vertical-align: middle;  background-color: transparent;  -webkit-backface-visibility: hidden;          backface-visibility: hidden;  border-top-radius: 6px;  }.video-js .vjs-tech {  display: block;  width: 100%;  height: 100%;  }.video-js::-moz-full-screen {  position: absolute;  }.video-js::-webkit-full-screen {  width: 100% !important;  height: 100% !important;  }.vjs-fullscreen {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 10000;  width: 100% !important;  height: 100% !important;  overflow: hidden;  border-top-radius: 0;  }.vjs-fullscreen .vjs-control-bar {  margin-top: 0;  border-bottom-right-radius: 0;  border-bottom-left-radius: 0;  }.vjs-fullscreen .vjs-tech {  background-color: #000;  }.vjs-poster {  position: relative;  width: 100%;  max-height: 100%;  padding: 0;  margin: 0 auto;  cursor: pointer;  border-top-radius: 6px;  }.vjs-control-bar {  position: relative;  height: 47px;  margin-left:auto;  margin-right:auto;  width:98%;  margin-top: -68px;  color: #fff;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  background: rgba(0, 0, 0, 0.3);   }.vjs-control-bar.vjs-fade-out {  visibility: visible !important;  opacity: 1 !important;  }.vjs-text-track-display {  position: absolute;  right: 1em;  bottom: 4em;  left: 1em;  font-family: "Lato", Helvetica, Arial, sans-serif;  text-align: center;  }.vjs-text-track {  display: none;  margin-bottom: .1em;  font-size: 1.4em;  color: #fff;  text-align: center;  background-color: rgba(0, 0, 0, .5);  }.vjs-subtitles {  color: #fff;  }.vjs-captions {  color: #fc6;  }.vjs-tt-cue {  display: block;  }.vjs-fade-in {  visibility: visible !important;  opacity: 1 !important;  -webkit-transition: visibility 0s linear 0s, opacity .3s linear;          transition: visibility 0s linear 0s, opacity .3s linear;  }.vjs-fade-out {  visibility: hidden !important;  opacity: 0 !important;  -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;          transition: visibility 0s linear 1.5s, opacity 1.5s linear;  }.vjs-control {  position: relative;  display: inline-block;  width: 18px;  height: 18px;  text-align: center;  vertical-align: middle;  background-repeat: no-repeat;  background-position: center;  }.vjs-control:focus {  outline: 0;  }.vjs-live-display { font-size:0; }  .vjs-control >div {  background-repeat: no-repeat;  background-position: center;  color:#fff;  }.vjs-control-text {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0 0 0 0);  border: 0;  }.vjs-play-control {  width: 58px;  height: 47px;  cursor: pointer;  }.vjs-play-control >div {  position: relative;  height: 47px;  }.vjs-play-control >div:before,.vjs-play-control >div:after {  position: absolute;  top: 26%;  left: 50%;  margin: -1px 0 0 -.5em;  font-family: "Flat-UI-Icons";  font-size: 16px;  color: #fff;  -webkit-transition: color .25s, opacity .25s;          transition: color .25s, opacity .25s;  -webkit-font-smoothing: antialiased;  }.vjs-play-control >div:after {  content: "\e615";  }.vjs-play-control >div:before {  content: "\e616";  }.vjs-paused .vjs-play-control:hover >div:before {  color: #F79428;  }.vjs-paused .vjs-play-control >div:after {  filter: alpha(opacity=0);  opacity: 0;  }.vjs-paused .vjs-play-control >div:before {          filter: none;  opacity: 1;  -webkit-filter: none;  }.vjs-playing .vjs-play-control:hover >div:after {  color: #F79428;  }.vjs-playing .vjs-play-control >div:after {          filter: none;  opacity: 1;  -webkit-filter: none;  }.vjs-playing .vjs-play-control >div:before {  filter: alpha(opacity=0);  opacity: 0;  }.vjs-rewind-control {  width: 5em;  cursor: pointer !important;  }.vjs-rewind-control >div {  width: 19px;  height: 16px;  margin: .5em auto 0;  background: none transparent;  }.vjs-mute-control {  float: right;  margin: 14px 0;  cursor: pointer !important;  }.vjs-mute-control:hover >div,.vjs-mute-control:focus >div {  color: #57718b;  }.vjs-mute-control >div {  height: 18px;  color: #475d72;  }.vjs-mute-control >div:after,.vjs-mute-control >div:before {  position: absolute;  left: 50%;  margin: 0 0 0 -.5em;  font-family: "Flat-UI-Icons";  font-size: 16px;  line-height: 18px;  -webkit-transition: color .25s, opacity .25s;          transition: color .25s, opacity .25s;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  color:#fff;  }.vjs-mute-control >div:after {  content: "\e617";  }.vjs-mute-control >div:before {  content: "\e618";  filter: alpha(opacity=0);  opacity: 0;  }.vjs-mute-control.vjs-vol-0 >div:after {  filter: alpha(opacity=0);  opacity: 0;  }.vjs-mute-control.vjs-vol-0 >div:before {          filter: none;  opacity: 1;  -webkit-filter: none;  }.vjs-volume-control,.vjs-volume-level,.vjs-volume-handle,.vjs-volume-bar {  display: none;  }.vjs-progress-control {  position: absolute;  top: 21px;  right: 160px;  left: 60px;  width: auto;  height: 6px;  background: #425669;  border-radius: 32px;  }.vjs-progress-holder {  position: relative;  height: 6px;  padding: 0;  margin: 0;  cursor: pointer !important;  background:#fff;  }.vjs-play-progress,.vjs-load-progress {  display: block;  height: 6px;  padding: 0;  margin: 0;  }.vjs-play-progress {  position: absolute;  top: 0;  left: -1px;  background: #F79428;  }.vjs-load-progress {  background: #d6dbdf;  }.vjs-load-progress[style*="100%"],.vjs-load-progress[style*="99%"] {  /* border-radius: 32px; */  }.vjs-seek-handle {  position: absolute;  top: 0;  width: 18px;  height: 18px;  margin: -3px 0 0 -3px;  background-color: #fff;  border-radius: 50%;  -webkit-transition: background-color .25s;          transition: background-color .25s;		  display:none;  }.vjs-seek-handle[style*="95."] {  margin-left: 3px;  }.vjs-seek-handle[style="left: 0%;"] {  margin-left: -2px;  }.vjs-seek-handle:hover,.vjs-seek-handle:focus {  background-color: #fff;  }.vjs-seek-handle:active {  background-color: #fff;  }.vjs-time-controls {  position: absolute;  width: auto;  height: auto;  font-family: "Lato", Helvetica, Arial, sans-serif;  font-size: 13px;  font-weight: 300;  line-height: normal;  }.vjs-time-divider {  position: absolute;  top: 12px;  right: 112px;  font-size: 14px;  color: #fff;  }.vjs-remaining-time {  display: none;  }.vjs-current-time {  top: 16px;  right: 122px;  }.vjs-duration {  top: 16px;  right: 85px;  color: #5d6d7e;  }.vjs-fullscreen-control {  float: right;  margin: 14px 15px;  cursor: pointer;  }.vjs-fullscreen-control:hover >div,.vjs-fullscreen-control:focus >div {  color: #57718b;  }.vjs-fullscreen-control >div {  height: 18px;  color: #fff;  }.vjs-fullscreen-control >div:before {  position: absolute;  left: 50%;  margin: 0 0 0 -.5em;  font-family: "Flat-UI-Icons";  font-size: 16px;  line-height: 18px;  content: "\e619";  -webkit-transition: color .25s, opacity .25s;          transition: color .25s, opacity .25s;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  }.vjs-menu-button {  display: none !important;  }.vjs-loading-spinner {  position: absolute;  top: 50%;  left: 50%;  display: none;  width: 16px;  height: 16px;  margin: -8px 0 0 -8px;  background: #ebedee;  border-radius: 10px;  -webkit-animation: sharp 2s ease infinite;          animation: sharp 2s ease infinite;  }@-webkit-keyframes sharp {  0% {    background-color: #e74c3c;    border-radius: 10px;    -webkit-transform: rotate(0deg);            transform: rotate(0deg);    }  50% {    background-color: #ebedee;    border-radius: 0;    -webkit-transform: rotate(180deg);            transform: rotate(180deg);    }  100% {    background-color: #e74c3c;    border-radius: 10px;    -webkit-transform: rotate(360deg);            transform: rotate(360deg);    }  }@keyframes sharp {  0% {    background-color: #e74c3c;    border-radius: 10px;    -webkit-transform: rotate(0deg);            transform: rotate(0deg);    }  50% {    background-color: #ebedee;    border-radius: 0;    -webkit-transform: rotate(180deg);            transform: rotate(180deg);    }  100% {    background-color: #e74c3c;    border-radius: 10px;    -webkit-transform: rotate(360deg);            transform: rotate(360deg);    }  }.todo {  margin-bottom: 20px;  color: #798795;  border-radius: 6px;  }.todo ul {  padding: 0;  margin: 0;  list-style-type: none;  background-color: #2c3e50;  border-radius: 0 0 6px 6px;  }.todo li {  position: relative;  padding: 18px 42px 21px 25px;  margin-top: 2px;  font-size: 14px;  line-height: 1.214;  cursor: pointer;  background: #34495e;  background-size: 20px 20px;  -webkit-transition: .25s;          transition: .25s;  }.todo li:first-child {  margin-top: 0;  }.todo li:last-child {  padding-bottom: 21px;  border-radius: 0 0 6px 6px;  }.todo li.todo-done {  color: #1abc9c;  background: transparent;  }.todo li.todo-done .todo-name {  color: #1abc9c;  }.todo li:after {  position: absolute;  top: 50%;  right: 22px;  display: block;  width: 20px;  height: 20px;  margin-top: -10px;  content: " ";  background: #fff;  border-radius: 50%;  }.todo li.todo-done:after {  font-family: 'Flat-UI-Icons';  font-size: 12px;  font-style: normal;  font-weight: normal;  font-variant: normal;  line-height: 21px;  color: #2c3e50;  text-align: center;  text-transform: none;  content: "\e60a";  background: #1abc9c;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  }.todo-search {  position: relative;  padding: 19px 25px 20px;  color: #34495e;  background: #1abc9c;  background-size: 16px 16px;  border-radius: 6px 6px 0 0;  }.todo-search:before {  position: absolute;  top: 50%;  left: 92%;  display: inline-block;  margin: -.5em 0 0 -1em;  font-family: 'Flat-UI-Icons';  font-size: 16px;  line-height: 17px;  content: "\e630";  }.todo-search-field {  padding: 5px 0;  margin: 0;  font-size: 19px;  font-weight: 700;  line-height: 23px;  color: #34495e;  text-indent: 0;  background: none;  border: none;  outline: none;  box-shadow: none;  }.todo-search-field::-moz-placeholder {  color: #34495e;  opacity: 1;  }.todo-search-field:-ms-input-placeholder {  color: #34495e;  }.todo-search-field::-webkit-input-placeholder {  color: #34495e;  }.todo-icon {  float: left;  padding: 11px 22px 0 0;  font-size: 24px;  }.todo-content {  padding-top: 1px;  overflow: hidden;  }.todo-name {  margin: 1px 0 3px;  font-size: 17px;  color: #fff;  }.pallete-item {  float: left;  width: 140px;  margin: 0 0 20px 20px;  }.palette {  padding: 15px;  margin: 0;  font-size: 14px;  line-height: 1.214;  color: #fff;  text-transform: uppercase;  }.palette dt,.palette dd {  line-height: 1.429;  }.palette dt {  display: block;  font-weight: bold;  opacity: .8;  }.palette dd {  margin-left: 0;  font-weight: 300;  opacity: .8;  -webkit-font-smoothing: subpixel-antialiased;  }.palette-turquoise {  background-color: #1abc9c;  }.palette-green-sea {  background-color: #16a085;  }.palette-emerald {  background-color: #2ecc71;  }.palette-nephritis {  background-color: #27ae60;  }.palette-peter-river {  background-color: #3498db;  }.palette-belize-hole {  background-color: #2980b9;  }.palette-amethyst {  background-color: #9b59b6;  }.palette-wisteria {  background-color: #8e44ad;  }.palette-wet-asphalt {  background-color: #34495e;  }.palette-midnight-blue {  background-color: #2c3e50;  }.palette-sun-flower {  background-color: #f1c40f;  }.palette-orange {  background-color: #f39c12;  }.palette-carrot {  background-color: #e67e22;  }.palette-pumpkin {  background-color: #d35400;  }.palette-alizarin {  background-color: #e74c3c;  }.palette-pomegranate {  background-color: #c0392b;  }.palette-clouds {  background-color: #ecf0f1;  }.palette-silver {  background-color: #bdc3c7;  }.palette-concrete {  background-color: #95a5a6;  }.palette-asbestos {  background-color: #7f8c8d;  }.palette-clouds {  color: #bdc3c7;  }.palette-paragraph {  font-size: 12px;  line-height: 17px;  color: #7f8c8d;  }.palette-paragraph span {  color: #bdc3c7;  }.palette-headline {  margin-top: -3px;  font-size: 13px;  font-weight: 700;  color: #7f8c8d;  }.login {  position: relative;  padding: 38px 38px 267px;  margin-bottom: 77px;  color: #fff;  background: url(../img/login/imac.png) 0 0 no-repeat;  background-size: 940px 778px;  }.login-screen {  min-height: 473px;  padding: 123px 199px 33px 306px;  background-color: #1abc9c;  }.login-icon {  position: absolute;  top: 160px;  left: 200px;  width: 96px;  }.login-icon >img {  display: block;  width: 100%;  margin-bottom: 6px;  }.login-icon >h4 {  font-size: 17px;  font-weight: 300;  line-height: 34px;  opacity: .95;  }.login-icon >h4 small {  display: block;  font-size: inherit;  font-weight: 700;  color: inherit;  }.login-form {  position: relative;  padding: 24px 23px 20px;  background-color: #edeff1;  border-radius: 6px;  }.login-form .control-group {  position: relative;  margin-bottom: 6px;  }.login-form .login-field {  font-size: 17px;  text-indent: 3px;  border-color: transparent;  }.login-form .login-field:focus {  border-color: #1abc9c;  }.login-form .login-field:focus + .login-field-icon {  color: #1abc9c;  }.login-form .login-field-icon {  position: absolute;  top: 3px;  right: 15px;  font-size: 16px;  color: #bfc9ca;  -webkit-transition: all .25s;          transition: all .25s;  }.login-link {  display: block;  margin-top: 15px;  font-size: 13px;  color: #bfc9ca;  text-align: center;  }@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {  .login {    background-image: url(../img/login/imac-2x.png);    }  }footer {  padding: 0;  font-size: 15px;  color: #bac1c8;  background-color: #edeff1;  }footer a {  font-weight: 700;  color: #9aa4af;  }footer p {  margin-bottom: 10px;  font-size: 15px;  line-height: 20px;  }.footer-title {  padding-top: 21px;  margin: 0 0 22px;  font-size: 24px;  line-height: 40px;  }.footer-brand {  display: block;  width: 220px;  margin-bottom: 26px;  }.footer-brand img {  width: 216px;  }.footer-banner {  min-height: 316px;  padding: 0 30px 30px;  margin-left: 42px;  color: #d1f2eb;  background-color: #1abc9c;  }.footer-banner .footer-title {  color: #fff;  }.footer-banner a {  color: #b7f5e9;  text-decoration: underline;  }.footer-banner a:hover {  text-decoration: none;  }.footer-banner ul {  padding: 0;  margin: 0 0 26px;  list-style-type: none;  }.footer-banner ul li {  padding: 6px 0;  line-height: 19px;  border-top: 1px solid #1bc5a3;  }.footer-banner ul li:first-child {  padding-top: 1px;  border-top: none;  }.last-col {  overflow: hidden;  }.ptn,.pvn,.pan {  padding-top: 0;  }.ptx,.pvx,.pax {  padding-top: 3px;  }.pts,.pvs,.pas {  padding-top: 5px;  }.ptm,.pvm,.pam {  padding-top: 10px;  }.ptl,.pvl,.pal {  padding-top: 20px;  }.prn,.phn,.pan {  padding-right: 0;  }.prx,.phx,.pax {  padding-right: 3px;  }.prs,.phs,.pas {  padding-right: 5px;  }.prm,.phm,.pam {  padding-right: 10px;  }.prl,.phl,.pal {  padding-right: 20px;  }.pbn,.pvn,.pan {  padding-bottom: 0;  }.pbx,.pvx,.pax {  padding-bottom: 3px;  }.pbs,.pvs,.pas {  padding-bottom: 5px;  }.pbm,.pvm,.pam {  padding-bottom: 10px;  }.pbl,.pvl,.pal {  padding-bottom: 20px;  }.pln,.phn,.pan {  padding-left: 0;  }.plx,.phx,.pax {  padding-left: 3px;  }.pls,.phs,.pas {  padding-left: 5px;  }.plm,.phm,.pam {  padding-left: 10px;  }.pll,.phl,.pal {  padding-left: 20px;  }.mtn,.mvn,.man {  margin-top: 0;  }.mtx,.mvx,.max {  margin-top: 3px;  }.mts,.mvs,.mas {  margin-top: 5px;  }.mtm,.mvm,.mam {  margin-top: 10px;  }.mtl,.mvl,.mal {  margin-top: 20px;  }.mrn,.mhn,.man {  margin-right: 0;  }.mrx,.mhx,.max {  margin-right: 3px;  }.mrs,.mhs,.mas {  margin-right: 5px;  }.mrm,.mhm,.mam {  margin-right: 10px;  }.mrl,.mhl,.mal {  margin-right: 20px;  }.mbn,.mvn,.man {  margin-bottom: 0;  }.mbx,.mvx,.max {  margin-bottom: 3px;  }.mbs,.mvs,.mas {  margin-bottom: 5px;  }.mbm,.mvm,.mam {  margin-bottom: 10px;  }.mbl,.mvl,.mal {  margin-bottom: 20px;  }.mln,.mhn,.man {  margin-left: 0;  }.mlx,.mhx,.max {  margin-left: 3px;  }.mls,.mhs,.mas {  margin-left: 5px;  }.mlm,.mhm,.mam {  margin-left: 10px;  }.mll,.mhl,.mal {  margin-left: 20px;  }/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {  .btn {    border-style: solid;    border-width: 2px;    }  .dropdown-menu,  .select2-drop {    background: #fff !important;    border: 2px solid #ddd;    }  .input-group-rounded .input-group-btn + .form-control,  .input-group-rounded .input-group-btn + .select2-search input[type="text"],  .input-group-rounded .input-group-btn + .select2-search input[type="text"] {    padding-left: 10px;    }  .form-control,  .select2-search input[type="text"] {    border: 2px solid #ddd !important;    }  .bootstrap-switch {    width: 84px;    height: 33px;    border: 2px solid #bdc3c7;    }  .tooltip {    border: 2px solid #bdc3c7;    }  .progress,  .ui-slider {    background: #ddd !important;    }  .progress-bar,  .ui-slider-range,  .ui-slider-handle {    background: #bdc3c7 !important;    }  }/*# sourceMappingURL=flat-ui.css.map *//*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/286(这个备注仅在演示页面有，源代码里没有)*/