@charset "utf-8";
body {font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}

/* 阿里妈妈图标 */             
@font-face {
	font-family: 'iconfont';
    src:url('../fonts/iconfont.eot?x=1'); /* IE9*/
    src:url('../fonts/iconfont.eot?#iefix')  format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?x=1') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf?x=1') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
 
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
	font-style:normal;
	font-weight:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	
input{outline:none;}
.font-normal{ font-weight:normal;}
.font-white{color:white;} 
 a {color: #4c9fe3;}
 a:hover {text-decoration: none;}
 /* 登录页 */
.login-logo{position:absolute; top:16%; left:50%; margin-left:-50px; z-index:20;} 
.shadow {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.form-group-material {
  position: relative;
  margin-top: 16px;
  margin-bottom: 26px;
}
.form-group-material:after {
  height: 1px;
  background: #e6e6e6;
  width: 100%;
}
.form-group-material:before {
  height: 2px;
  background: #4c9fe3;
  z-index: 1;
  width: 0;
  -webkit-transition: width 0.3s;
          transition: width 0.3s;
}
.form-group-material:after, .form-group-material:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
}
.form-group-material.error {
  margin-bottom: 36px;
}
.form-group-material.error:before {
  background-color: #F44336;
}
.form-group-material.focused:before {
  width: 100%;
}

.error small.error {
  position: absolute;
  background: transparent;
  color: #F44336;
  font-style: normal;
  padding-left: 0;
}

.material-label {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  cursor: text;
  color: #b3b3b3;
  -webkit-transition: -webkit-transform ease 0.3s, color ease 0.3s;
          transition: transform ease 0.3s, color ease 0.3s;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.error .material-label {
  color: #F44336;
}
.focused .material-label {
  -webkit-transform: translateY(-220%) scale(0.82);
      -ms-transform: translateY(-220%) scale(0.82);
          transform: translateY(-220%) scale(0.82);
  color: #4c9fe3;
}
.error.focused .material-label {
  color: #F44336;
}
.has-value .material-label {
  -webkit-transform: translateY(-220%) scale(0.82);
      -ms-transform: translateY(-220%) scale(0.82);
          transform: translateY(-220%) scale(0.82);
}

input.material-field, textarea.material-field {
  border-width: 0;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
  margin: 0;
  background: transparent;
}
input.material-field:focus, textarea.material-field:focus {
  box-shadow: none;
  background: none;
}

p.notice {
  font-size: 13px;
  color: #6f6f6f;
  margin-top: 26px;
}

.form-header h2 {
  margin-bottom: 20px;
}
.credits {
  font-size: 13px;
}

.login-bg{background:#4c9fe1;overflow: hidden;}
.login-wrapper {
  opacity: 0.85;
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  height: 500px;
  margin:-250px 0px 0px 0px;
  overflow: hidden;
  z-index:10;
}
.login-btn{
	background:#4c9fe3; 
	margin: 0 auto 1.25rem; 
	text-decoration: none; 
	text-align: center; 
	-webkit-appearance: none; 
	color:#FFFFFF; 
	font-family:"Microsoft YaHei",FontAwesome,sans-serif;
	transition: background-color 300ms ease-out;
	outline:none;}
.login-btn:hover {background: #7bbdf2; color:#FFFFFF;}  
.login-btn:focus{outline: 0; color:#FFFFFF;}
.login-btn:visited{outline: 0; color:#FFFFFF;}

.container {height: 400px;}
.m-panel {border: 0; margin-top:10rem;}
/* 面板Panels */
.panel {
  border-width: 0px; 
  border-radius:0px;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1; margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #b6edff;
    margin-bottom: 1.25rem;
    background: #ecfaff;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #008CBA; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #0078a0; }
  .panel.radius {
    border-radius: 3px; }
form {
  padding:0;
  position: relative;
  z-index: 20;
}
/* 背景透明方块 */
.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1200px) rotate(600deg);
            transform: translateY(-1200px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1200px) rotate(600deg);
            transform: translateY(-1200px) rotate(600deg);
  }
}
 /* 主页 */
.shopname-div{margin:20px 0;}
.shopname-div span{color:#4c9fe3;}
.nav-blue{ background:#4c9fe3;} 
.nav-blue a{ color:#FFFFFF;}
.nav-blue a:hover{color:#4c9fe3;}
.nav-logo-div{float:left; margin-left:20px; margin-top:-8px;}
.navbar-toggle .icon-bar{ background:#FFFFFF;}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #4c9fe3;
}
.nav-sidebar .title-div{padding: 10px 20px; font-weight:bold;}
.search-div{margin-right:20px; float:left; width:40%; max-width:250px;}
 /* 表格 */
.tab-thead{background:#4c9fe3; color:#FFFFFF; }
.tab-thead .thead-border{border-bottom:0px;}