/*html,body{
    -webkit-font-smoothing: antialiased;
}*/
/*self-defined font*/
@font-face {
  font-family: 'Font123go';
  src: url("../fonts/TradeGothicLTStd-BdCn20.eot");
  src: url("../fonts/TradeGothicLTStd-BdCn20.eot?#iefix") format("embedded-opentype"), url("../fonts/TradeGothicLTStd-BdCn20.woff") format("woff"), url("../fonts/TradeGothicLTStd-BdCn20.ttf") format("truetype"), url("../fonts/TradeGothicLTStd-BdCn20.svg") format("svg"), url("../fonts/TradeGothicLTStd-BdCn20.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
ul,
li,
ol {
  list-style: none;
  padding: 0;
  margin: 0; }

.line {
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important; }

/*fontSize*/
.f10 {
  font-size: 12px !important; }

.f11 {
  font-size: 12px !important; }

.f12 {
  font-size: 12px !important; }

.f13 {
  font-size: 13px !important; }

.f14 {
  font-size: 14px !important; }

.f15 {
  font-size: 15px !important; }

.f16 {
  font-size: 16px !important; }

.f17 {
  font-size: 17px !important; }

.f18 {
  font-size: 18px !important; }

.f19 {
  font-size: 19px !important; }

.f20 {
  font-size: 20px !important; }

.f24 {
  font-size: 24px !important; }

/*float*/
.fl {
  float: left;
  display: inline-block; }

.fr {
  float: right;
  display: inline-block; }

/*padding*/
.p0 {
  padding: 0 !important; }

.pt0 {
  padding-top: 0 !important; }

.pt10 {
  padding-top: 10px !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pl0 {
  padding-left: 0 !important; }

.pl68 {
  padding-left: 68px !important; }

.pr0 {
  padding-right: 0; }

.pr20 {
  padding-right: 20px; }

.pr14 {
  padding-right: 14px !important; }

.pt8 {
  padding-top: 8px; }

.pt12 {
  padding-top: 12px; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt8 {
  padding-top: 8px !important; }

.pb8 {
  padding-bottom: 8px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

/*margin*/
.m0 {
  margin: 0 !important; }

.ml15 {
  margin-left: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.mt35 {
  margin-top: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb12 {
  margin-bottom: 12px !important; }

.mt24 {
  margin-top: 24px !important; }

.mt16 {
  margin-top: 16px !important; }

.mt0 {
  margin-top: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.mr5 {
  margin-right: 5px !important; }

.mr6 {
  margin-right: 6px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb45 {
  margin-bottom: 45px !important; }

/*spacer*/
.spacer60 {
  padding-bottom: 60px; }

.spacer50 {
  padding-bottom: 50px; }

.spacer35 {
  padding-bottom: 35px; }

.spacerl28 {
  padding-left: 28px; }

/*textAlign*/
.tx-center {
  text-align: center !important; }

.tx-left {
  text-align: left !important; }

.tx-right {
  text-align: right !important; }

/*fontColor*/
.fe4e4e4 {
  color: #333; }

.f757575 {
  color: #757575; }

.f1976d2 {
  color: #1976d2; }

.f00bfa5 {
  color: #00bfa5; }

.ff3802c {
  color: #f3802c; }

.fff8a3b {
  color: #ff8a3b; }

.fcc3333 {
  color: #cc3333; }

.fc62828 {
  color: #c62828; }

.f585858 {
  color: #585858 !important; }

.fff {
  color: #fff !important; }

.f000 {
  color: #000; }

.f333 {
  color: #333 !important; }

.f393a3f {
  color: #393a3f !important; }

.f7a7a7a {
  color: #7a7a7a; }

.f2681dc {
  color: #2681dc; }

.f00bfa5 {
  color: #00bfa5; }

.ff77210 {
  color: #f77210; }

.fe63333 {
  color: #e63333; }

.fa3a3a3 {
  color: #a3a3a3; }

/*backgroundColor*/
.be4e4e4 {
  background-color: #333;
  color: #fff !important; }

.b333 {
  background-color: #333; }

.b7a7a7a {
  background-color: #7a7a7a; }

.b2681dc {
  background-color: #2681dc; }

.b00bfa5 {
  background-color: #00bfa5; }

.bf77210 {
  background-color: #f77210; }

.be63333 {
  background-color: #e63333; }

.bf3802c {
  background-color: #f3802c; }

.bcc3333 {
  background-color: #cc3333; }

.bc62828 {
  background-color: #c62828; }

.bg222 {
  background-color: #222; }

.bf0f0f0 {
  background-color: #f0f0f0; }

.ba3a3a3 {
  background-color: #a3a3a3 !important; }

.bdeep {
  background-color: #3d5fc0; }

.bundeep {
  background-color: #a2e5ff; }

.bwake {
  background-color: #ffea3b; }

/*commonLayout*/
body {
  background-color: #f2f2f2; }
  body .content {
    padding-top: 143px;
    padding-bottom: 120px; }

.footer {
  position: fixed !important;
  bottom: 0 !important;
  padding: 0 !important;
  z-index: 999;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #fff;
  color: #393a3f;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: -2px -2px 10px #ccc; }
  .footer li {
    display: inline-block;
    width: 65px;
    height: 16px;
    line-height: 16px; }
  .footer li a {
    color: #585858; }
  .footer li:first-child {
    border-right: 1px solid #585858;
    text-align: left; }
  .footer li:last-child {
    text-align: right; }

.table-hover > tbody > tr:hover {
  background-color: rgba(255, 138, 59, 0.06); }

.colorBlk {
  display: inline-block;
  width: 23px;
  height: 15px;
  border-radius: 2px;
  margin-bottom: -2px;
  margin-right: 18px; }

.colorBlklg {
  display: inline-block;
  width: 50px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  text-align: center; }

.colorTag {
  display: inline-block;
  width: 60px;
  height: 27px;
  line-height: 27px;
  border-radius: 2px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  margin: 0 auto; }

.colorTagList {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 210px;
  height: 22px;
  line-height: 22px; }
  .colorTagList li {
    display: 1;
    width: 40px;
    text-align: center; }

.zone-blk {
  display: block;
  width: 100%;
  height: 22px;
  line-height: 22px; }

.reportList td {
  height: 83px;
  vertical-align: middle !important; }

.hidden {
  display: none; }

@media screen and (max-width: 440px) {
  span#userName {
    display: none; }

  #topnav .topbar-main .nav > li > a {
    padding: 0px !important;
    margin-left: 3px; }

  .navbar-nav {
    margin: 0 -15px !important; }

  #storeAddress {
    min-width: 237px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }
.posrel {
  position: relative; }

/*border-radius*/
.br5 {
  border-radius: 5px !important; }

.br16 {
  border-radius: 16px !important; }

/*width*/
.w96 {
  width: 96px !important; }

.w177 {
  width: 177px !important; }

.w310 {
  width: 310px !important; }

.w338 {
  width: 338px !important; }

.w550 {
  width: 550px !important; }

.w603 {
  width: 603px !important; }

.mw58 {
  min-width: 58px !important; }

/*height*/
.h30 {
  height: 30px !important;
  line-height: 30px !important; }

.h38 {
  height: 38px !important; }

.h40 {
  height: 40px !important;
  /* line-height:40px!important; */ }

.spacer12 {
  padding-top: 12px; }

/*position*/
.posrel {
  position: relative !important; }

.posabs {
  position: absolute !important; }

.top0 {
  top: 0 !important; }

.bottom0 {
  bottom: 0 !important; }

.left0 {
  left: 0 !important; }

.right0 {
  right: 0 !important; }

.zIndex-sm {
  z-index: 1 !important; }

.zIndex-lg {
  z-index: 1000 !important; }

.fwn {
  font-weight: normal; }

.smooth {
  -webkit-font-smoothing: antialiased; }

i.icons-base {
  display: inline-block;
  background: url(../images/icons.png) no-repeat;
  background-size: 60px 1000px;
  cursor: pointer; }

i.icon-strong {
  width: 26px;
  height: 26px;
  background-position: 0 0;
  margin-top: -5px;
  margin-right: 5px; }

i.icon-strong-sm {
  width: 16px;
  height: 16px;
  background-position: -26px 0;
  margin-top: 2px;
  margin-right: 7px; }

i.icon-heart {
  width: 26px;
  height: 26px;
  background-position: 0 -26px;
  margin-top: -5px;
  margin-right: 5px; }

i.icon-download {
  width: 23px;
  height: 20px;
  background-position: 0 -52px;
  margin-top: 6px;
  margin-left: 10px; }

i.icon-upload {
  width: 20px;
  height: 17px;
  background-position: 0 -300px; }

i.icon-upload:hover {
  background-position: -22px -300px; }

i.icon-upload.on {
  background-position: -22px -300px; }

i.icon-canlendar {
  width: 25px;
  height: 23px;
  background-position: 0 -72px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -12px; }

i.icon-ding {
  width: 18px;
  height: 18px;
  background-position: 0 -148px; }

i.icon-love {
  width: 18px;
  height: 16px;
  background-position: 0 -113px;
  margin-right: 7px;
  margin-bottom: -2px; }

i.icon-strong-md {
  width: 18px;
  height: 16px;
  background-position: 0 -130px;
  margin-right: 7px;
  margin-bottom: -2px; }

i.icon-fire {
  width: 14px;
  height: 18px;
  background-position: 0 -95px;
  margin-bottom: -2px; }

i.icon-fire-lg {
  width: 19px;
  height: 26px;
  background-position: 0 -265px;
  margin-top: -5px;
  margin-right: 10px; }

i.icon-home {
  width: 21px;
  height: 20px;
  background-position: -39px -64px;
  margin-bottom: -4px;
  margin-right: 10px; }

i.icon-report {
  width: 22px;
  height: 20px;
  background-position: -39px -106px;
  margin-bottom: -4px;
  margin-right: 10px; }

i.icon-report:hover, i.icon-report.active {
  background-position: -39px -85px; }

i.icon-book {
  width: 23px;
  height: 23px;
  background-position: 0 -166px;
  margin-bottom: -6px;
  margin-right: 10px; }

i.icon-board {
  width: 22px;
  height: 22px;
  background-position: 0 -189px;
  margin-bottom: -6px;
  margin-right: 10px; }

i.icon-plan {
  width: 20px;
  height: 22px;
  background-position: 0 -318px;
  margin-bottom: -6px;
  margin-right: 10px; }

i.icon-member {
  width: 23px;
  height: 20px;
  background-position: 0 -211px;
  margin-bottom: -4px;
  margin-right: 10px; }

i.icon-screen {
  width: 18px;
  height: 17px;
  background-position: 0 -247px;
  margin-bottom: -4px;
  margin-left: 9px; }

i.icon-heart-md {
  width: 18px;
  height: 18px;
  background-position: -43px -264px;
  margin-bottom: -4px;
  margin-left: 4px; }

i.icon-member-black {
  width: 20px;
  height: 16px;
  background-position: 0 -231px;
  margin-bottom: -4px; }

i.icon-paper {
  width: 17px;
  height: 17px;
  background-position: -43px -231px;
  margin-bottom: -3px;
  margin-right: 10px; }

i.icon-out {
  width: 17px;
  height: 15px;
  background-position: -43px -249px;
  margin-bottom: -2px;
  margin-right: 10px; }

i.icon-trash {
  width: 17px;
  height: 17px;
  background-position: -43px -145px;
  margin-bottom: -2px;
  margin-right: 10px; }

i.icon-trash:hover {
  background-position: -25px -145px; }

i.icon-detail {
  width: 16px;
  height: 16px;
  background-position: -46px -188px;
  margin-bottom: -2px;
  margin-right: 10px; }

i.icon-detail:hover {
  background-position: -46px -205px; }

i.icon-select {
  width: 17px;
  height: 17px;
  background-position: -43px -391px; }

i.icon-select.on {
  width: 17px;
  height: 17px;
  background-position: -43px -411px; }

i.icon-moveup {
  width: 11px;
  height: 15px;
  background-position: -49px -300px;
  margin-bottom: -2px;
  margin-right: 10px; }

i.icon-moveup:hover {
  background-position: -49px -318px; }

i.icon-movedown {
  width: 11px;
  height: 15px;
  background-position: -49px -335px;
  margin-bottom: -2px;
  margin-right: 10px; }

i.icon-movedown:hover {
  background-position: -49px -353px; }

i.icon-edit {
  width: 17px;
  height: 17px;
  background-position: -43px -126px;
  margin-bottom: -2px;
  margin-right: 10px; }

i.icon-edit:hover {
  background-position: -43px -282px; }

i.icon-edit-gray {
  width: 17px;
  height: 17px;
  background-position: -24px -264px;
  margin-bottom: -2px;
  margin-right: 10px; }

i.icon-search {
  width: 17px;
  height: 17px;
  background-position: -22px -95px;
  margin-left: 15px;
  margin-bottom: -2px; }

i.icon-checked {
  width: 11px;
  height: 11px;
  background-position: -49px -176px;
  margin-right: 10px; }

i.icon-checked.on {
  width: 11px;
  height: 11px;
  background-position: -49px -165px;
  margin-right: 10px; }

i.icon-save {
  width: 22px;
  height: 16px;
  background-position: -1px -341px;
  margin-right: 5px; }

i.icon-saved {
  width: 22px;
  height: 16px;
  background-position: -23px -341px;
  margin-right: 5px; }

i.icon-saved2 {
  width: 22px;
  height: 16px;
  background-position: -23px -341px;
  margin-right: 5px; }

i.icon-coach {
  width: 20px;
  height: 20px;
  background-position: -1px -359px;
  margin-bottom: -4px;
  margin-right: 10px; }

i.icon-setting {
  width: 19px;
  height: 19px;
  background-position: -1px -380px;
  margin-bottom: -4px;
  margin-right: 10px; }

i.icon-error {
  width: 16px;
  height: 16px;
  background-position: -44px -372px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px; }

i.icon-group {
  width: 19px;
  height: 19px;
  background-position: -1px -399px;
  margin-bottom: -4px;
  margin-right: 10px; }

i.icon-challenge {
  width: 19px;
  height: 19px;
  background-position: -1px -419px;
  margin-bottom: -4px;
  margin-right: 10px; }

i.icon-vs {
  width: 34px;
  height: 14px;
  background-position: -22px -438px; }

i.icon-rank-gold {
  width: 18px;
  height: 18px;
  background-position: 0 -438px;
  margin-bottom: -5px;
  margin-left: 5px; }

i.icon-rank-silver {
  width: 18px;
  height: 18px;
  background-position: 0 -458px;
  margin-bottom: -5px;
  margin-left: 5px; }

i.icon-rank-copper {
  width: 18px;
  height: 18px;
  background-position: 0 -478px;
  margin-bottom: -5px;
  margin-left: 5px; }

i.icon-clock {
  width: 20px;
  height: 22px;
  background-position: -39px -452px;
  margin-bottom: -6px;
  margin-right: 10px; }

i.icon-clock:hover {
  background-position: -39px -474px; }

i.icon-step {
  width: 25px;
  height: 25px;
  background-position: 0 -498px;
  margin-top: -5px;
  margin-right: 10px; }

i.icon-sleep {
  width: 25px;
  height: 25px;
  background-position: 0 -524px;
  margin-top: -5px;
  margin-right: 10px; }

i.icon-checked-hrz {
  width: 12px;
  height: 8px;
  background-position: -22px -469px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -4px;
  display: none; }

.headingInfo {
  height: 75px;
  padding: 0 0 15px; }
  .headingInfo h1 {
    font-size: 30px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px; }
  .headingInfo h2 {
    font-size: 14px;
    margin: 0;
    height: 14px;
    line-height: 14px; }

.content .panel,
.content .panel-sm {
  border-radius: 8px;
  border: 0;
  padding: 0 27px;
  margin-bottom: 15px; }
.content .store-logo, .content .up-store-logo {
  width: 90px;
  height: 90px; }
.content .store-logo {
  border-radius: 50%;
  margin: 18px 30px; }
.content .up-store-logo {
  border-radius: 0 !important;
  float: left;
  margin: 74px 0 0 70px; }
.content .panel-sm {
  height: 145.5px; }
.content .panel-heading {
  padding: 26px 6px 13px 6px;
  height: 59px;
  line-height: 23px;
  background-color: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
.content .panel-body {
  padding-top: 0px;
  padding-bottom: 10px; }
.content .panel-title {
  font-weight: bolder;
  line-height: 18px; }
.content .index {
  font-size: 50px;
  font-family: 'Font123go';
  text-align: center;
  margin: 0; }
.content #effortChart {
  width: 100%;
  height: 558px; }
.content #effortChartPoint {
  width: 83%;
  height: 230px;
  font-size: 16px;
  color: #000;
  position: absolute;
  top: 68px;
  right: 51px; }
  .content #effortChartPoint li {
    margin-bottom: 18px;
    line-height: 22px; }
.content #barChart {
  width: 100%;
  height: 330px; }
.content #effortChangehChart {
  width: 100%;
  height: 231px; }
.content #activityChart {
  width: 95%;
  height: 331px; }
.content #sleepChart {
  width: 100%;
  height: 195px; }
.content .panel-footer {
  height: 42px;
  padding: 0 0 0 6px;
  background-color: #fff;
  border: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex; }
  .content .panel-footer .effortTotal {
    min-width: 100px;
    font-size: 14px;
    font-family: 'Font123go';
    text-align: left;
    -ms-flex: 1;
    -webkit-box-flex: 1;
            flex: 1; }

.screen {
  padding: 73px 15px 48px;
  margin: 0;
  width: 100%; }
  .screen .panel {
    height: 200px;
    border-radius: 8px;
    border: 0;
    margin-bottom: 15px; }
  .screen .panel-heading {
    background-color: #393a3f;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 3px 0 rgba(22, 59, 54, 0.4);
    border: 0; }
  .screen .panel-footer {
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #f2f2f2;
    box-shadow: 0 -3px 0 rgba(22, 59, 54, 0.4);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    border: 0; }
    .screen .panel-footer .fitnessIndex {
      display: inline-block;
      width: 32%;
      height: 40px;
      line-height: 40px;
      -ms-flex: 1;
      -webkit-box-flex: 1;
              flex: 1;
      font-family: "Font123go"; }
  .screen .index {
    font-size: 50px;
    font-family: 'Font123go';
    text-align: center;
    margin: 0;
    height: 90px;
    line-height: 90px; }

i.dfn {
  display: inline-block;
  width: 51px;
  height: 43px;
  background: url(../images/dnf.png) no-repeat center center;
  background-size: 51px 43px;
  margin-right: 10px; }

i.sports123 {
  display: inline-block;
  width: 120px;
  height: 28px;
  background: url(../images/123SPORTS.png) no-repeat center center;
  background-size: 120px 28px; }

i.ilogo {
  display: inline-block;
  width: 97px;
  height: 65px;
  background: url(../images/LOGO_main_color@2x.png) no-repeat center center;
  background-size: 97px; }

.decoration-bar {
  width: 100%;
  height: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .decoration-bar span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.navbar-console {
  background-color: #393a3f; }
  .navbar-console li a {
    font-size: 24px;
    font-family: 'Font123go';
    color: #fff !important;
    padding: 0;
    height: 65px;
    line-height: 65px; }

.navbar-header a {
  display: inline-block;
  color: #fff !important;
  padding: 0;
  height: 65px;
  line-height: 65px; }

.userPhoto {
  border: 2px solid #fff;
  margin-top: 12px; }
  .userPhoto, .userPhoto img {
    height: 40px;
    width: 40px;
    overflow: hidden;
    border-radius: 40px; }

.narbar-fixed-topsec {
  z-index: 1;
  top: 65px;
  height: 57px;
  line-height: 57px;
  background-color: #fcfcfc; }
  .narbar-fixed-topsec li a {
    padding-top: 0;
    padding-bottom: 0;
    height: 57px;
    line-height: 57px; }

.navbar-inverse {
  background-color: #393a3f; }

.navbarup .nav a {
  padding-top: 0;
  padding-bottom: 0;
  height: 65px;
  line-height: 65px; }

.navbardown a {
  font-size: 14px;
  color: #a3a3a3 !important; }

.active a,
.has-submenu:hover a {
  color: #ff8a3b !important;
  background-color: transparent !important; }
.active i.icon-home,
.has-submenu:hover i.icon-home {
  background-position: -39px -43px; }
.active i.icon-report,
.has-submenu:hover i.icon-report {
  background-position: -39px -85px; }
.active i.icon-book,
.has-submenu:hover i.icon-book {
  background-position: -24px -166px; }
.active i.icon-board,
.has-submenu:hover i.icon-board {
  background-position: -24px -189px; }
.active i.icon-member,
.has-submenu:hover i.icon-member {
  background-position: -23px -211px; }
.active i.icon-plan,
.has-submenu:hover i.icon-plan {
  background-position: -22px -318px; }
.active i.icon-coach,
.has-submenu:hover i.icon-coach {
  background-position: -22px -359px; }
.active i.icon-setting,
.has-submenu:hover i.icon-setting {
  background-position: -22px -380px; }
.active i.icon-group,
.has-submenu:hover i.icon-group {
  background-position: -22px -399px; }
.active i.icon-challenge,
.has-submenu:hover i.icon-challenge {
  background-position: -22px -419px; }
.active i.icon-clock,
.has-submenu:hover i.icon-clock {
  background-position: -39px -474px; }

.logout {
  color: #00bfa5; }

.address {
  padding: 0;
  height: 67px;
  line-height: 67px;
  color: #585858;
  font-size: 14px; }

.myMem {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  font-size: 13px;
  color: #585858; }
  .myMem .tblHeader {
    width: 100%;
    height: 68px;
    line-height: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 6px;
    border-bottom: 1px solid #e5e5e5; }
    .myMem .tblHeader .btn-txt {
      width: 102px;
      height: 38px;
      color: #585858;
      background-color: #f0f0f0;
      border: 0;
      border-radius: 0;
      padding-top: 5px;
      padding-bottom: 5px; }
  .myMem td {
    color: #a3a3a3; }

.btn-caret {
  width: 25px;
  height: 38px;
  background-color: #ff8a3b;
  border-radius: 0; }
  .btn-caret .caret {
    color: #fff; }

.coachReport td {
  color: #a3a3a3; }

.btn-output {
  width: 138px;
  height: 50px;
  border-radius: 8px !important;
  outline: 0;
  border: 0;
  background-color: #ff6700;
  color: #fff;
  font-size: 16px; }
  .btn-output i.icon-paper {
    background-position: -25px -231px; }
  .btn-output:hover, .btn-output:active, .btn-output.active {
    background-color: #ff6700;
    color: #fff; }
    .btn-output:hover i.icon-paper, .btn-output:active i.icon-paper, .btn-output.active i.icon-paper {
      background-position: -25px -231px; }
    .btn-output:hover i.icon-out, .btn-output:active i.icon-out, .btn-output.active i.icon-out {
      background-position: -25px -249px; }

.btn-add {
  height: 38px;
  line-height: 25px;
  border-radius: 5px !important;
  font-size: 14px;
  margin-right: 15px;
  background-color: #ff8a3b;
  color: #fff; }
  .btn-add:link, .btn-add:visited {
    background-color: #ff8a3b;
    color: #fff; }
  .btn-add:hover, .btn-add:active {
    background-color: #ff6700;
    color: #fff; }

.activityInfo {
  width: 100%;
  padding: 0 20px;
  background-color: #fff; }
  .activityInfo h4 {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: bolder;
    font-size: 15px;
    color: #393a3f; }
  .activityInfo p {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #242424; }
  .activityInfo ul {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px 0; }
    .activityInfo ul li {
      display: block;
      font-size: 14px;
      color: #585858;
      padding: 5px 0; }
      .activityInfo ul li span {
        display: inline-block;
        width: 50%; }

.search {
  /* width: 200px; */
  margin-right: 15px; }
  .search .searchBar {
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 2; }
    .search .searchBar .searchOuter {
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: auto;
      flex: auto;
      background-color: #fff;
      border: 1px solid #a3a3a3;
      border-radius: 5px;
      height: 38px; }
      .search .searchBar .searchOuter .searchInner {
        position: relative;
        height: 38px;
        width: 100%;
        box-sizing: border-box;
        z-index: 1; }
        .search .searchBar .searchOuter .searchInner .searchInput {
          float: right;
          padding: 4px 0;
          height: 30px;
          border: 0;
          line-height: 35px;
          box-sizing: content-box;
          background: transparent;
          text-indent: 10px; }
      .search .searchBar .searchOuter .searchText {
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        left: 1px;
        z-index: 2;
        text-align: center;
        color: #585858;
        background: #fff;
        cursor: pointer; }
        .search .searchBar .searchOuter .searchText span {
          font-size: 16px !important; }
    .search .searchBar.searchFocusing .searchText {
      display: none !important; }

.datetimepicker {
  width: 316px !important;
  height: 300px;
  margin: 0 auto;
  padding: 0px !important;
  margin-top: 6px !important; }
  .datetimepicker > div {
    width: 308px !important;
    height: 300px;
    margin: 0 auto; }
    .datetimepicker > div table {
      width: 100%; }
      .datetimepicker > div table tr th {
        border-radius: 0; }
      .datetimepicker > div table tr th.picker-switch {
        color: #ff8a3b;
        font-size: 16px; }
      .datetimepicker > div table tr th.prev .glyphicon-chevron-left {
        display: inline-block;
        background: url(../images/icons.png) no-repeat;
        background-size: 60px 1000px;
        cursor: pointer;
        width: 12px;
        height: 8px;
        background-position: 0 -292px; }
      .datetimepicker > div table tr th.next .glyphicon-chevron-right {
        display: inline-block;
        background: url(../images/icons.png) no-repeat;
        background-size: 60px 1000px;
        cursor: pointer;
        width: 12px;
        height: 8px;
        background-position: -11px -292px; }
      .datetimepicker > div table tr th.prev .glyphicon-chevron-left:before {
        content: ""; }
      .datetimepicker > div table tr th.next .glyphicon-chevron-right:before {
        content: ""; }
      .datetimepicker > div table tr th.dow {
        color: #393a3f;
        font-size: 14px; }
      .datetimepicker > div table tr td {
        color: #a3a3a3;
        width: 38px !important;
        height: 38px !important;
        padding: 0px !important;
        border: 5px solid #fff;
        border-radius: 0; }

.datetimepicker-input > div {
  width: 308px !important;
  height: 300px;
  margin: 0 auto; }
  .datetimepicker-input > div table {
    width: 100%; }
    .datetimepicker-input > div table tr th {
      border-radius: 0; }
    .datetimepicker-input > div table tr th.picker-switch {
      color: #00bfa5;
      font-size: 16px; }
    .datetimepicker-input > div table tr th.prev .glyphicon-chevron-left {
      display: inline-block;
      background: url(../images/icons.png) no-repeat;
      background-size: 60px 1000px;
      cursor: pointer;
      width: 12px;
      height: 8px;
      background-position: 0 -292px; }
    .datetimepicker-input > div table tr th.next .glyphicon-chevron-right {
      display: inline-block;
      background: url(../images/icons.png) no-repeat;
      background-size: 60px 1000px;
      cursor: pointer;
      width: 12px;
      height: 8px;
      background-position: -11px -292px; }
    .datetimepicker-input > div table tr th.prev .glyphicon-chevron-left:before {
      content: ""; }
    .datetimepicker-input > div table tr th.next .glyphicon-chevron-right:before {
      content: ""; }
    .datetimepicker-input > div table tr th.dow {
      color: #393a3f;
      font-size: 14px; }
    .datetimepicker-input > div table tr td {
      color: #a3a3a3;
      width: 38px !important;
      height: 38px !important;
      padding: 0px !important;
      border: 5px solid #fff;
      border-radius: 0; }
      .datetimepicker-input > div table tr td.active {
        border-color: #fff;
        background-image: none;
        background-color: #00bfa5 !important;
        color: #fff; }

.datetimepicker-wrap {
  width: 146px;
  height: 38px;
  background-color: #00bfa5;
  position: relative; }
  .datetimepicker-wrap input {
    width: 108px;
    height: 38px;
    text-indent: 10px;
    background-color: #e4e4e4;
    font-size: 14px;
    border: 0;
    color: #585858; }

.switchery-wrap {
  width: 52px;
  height: 32px; }

.dropdownSelect {
  display: block;
  width: 178px; }
  .dropdownSelect input {
    width: 140px !important;
    height: 38px;
    line-height: 38px;
    background-color: #f0f0f0 !important;
    border: 0;
    border-radius: 0;
    direction: rtl; }
  .dropdownSelect .ininput-group-btn {
    display: inline-block;
    width: 38px !important;
    height: 38px;
    line-height: 38px; }
  .dropdownSelect button {
    width: 38px;
    height: 38px;
    border-radius: 0;
    background-color: #00bfa5;
    border: 0; }
    .dropdownSelect button:hover, .dropdownSelect button:active {
      background-color: #00bfa5; }

.compareInput {
  width: 178px;
  height: 38px;
  line-height: 38px; }
  .compareInput .input-group-btn button {
    width: 58px;
    height: 38px;
    background-color: #00bfa5 !important;
    font-size: 12px; }
    .compareInput .input-group-btn button:hover, .compareInput .input-group-btn button:active {
      background-color: #00bfa5; }
  .compareInput input,
  .compareInput select {
    width: 120px;
    height: 38px;
    background-color: #f0f0f0;
    border: 0;
    border-radius: 0;
    direction: rtl;
    font-size: 14px; }
  .compareInput select {
    width: 120px;
    direction: ltr; }

.active-e4e4e4 {
  color: #fff !important;
  background-color: #333; }

.active-757575 {
  color: #fff !important;
  background-color: #757575; }

.active-1976d2 {
  color: #fff !important;
  background-color: #1976d2; }

.active-00bfa5 {
  color: #fff !important;
  background-color: #00bfa5; }

.active-f3802c {
  color: #fff !important;
  background-color: #f3802c; }

.active-cc3333 {
  color: #fff !important;
  background-color: #cc3333; }

.navbar-right .dropdown > a {
  height: 65px;
  line-height: 65px; }

.searchInput input {
  background-color: #f0f0f0;
  padding: 0 0 0 12px; }

.dataTable th {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.downloadTip {
  display: none;
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: #000;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  background-color: white;
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -40px;
  font-style: normal;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  z-index: 10000; }
  .downloadTip em {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    position: absolute;
    bottom: -5px;
    left: 34px; }

i:hover .downloadTip {
  display: block; }

.comInput {
  width: 190px;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  background-color: #f0f0f0;
  color: #585858;
  border: 0;
  outline: 0;
  margin-left: 15px;
  padding: 0 6px; }

.itempage {
  display: inline-block;
  font-size: 14px;
  color: #585858;
  margin-right: 5px; }

.dropdown-menu a {
  padding: 6px 0 !important;
  text-align: center; }

.dropdown-menu-nav {
  min-width: 156px !important;
  padding: 0 !important;
  background: transparent;
  right: auto !important;
  left: 0 !important; }
  .dropdown-menu-nav li {
    margin: 0; }
    .dropdown-menu-nav li a {
      display: inline-block !important;
      width: 156px;
      height: 46px;
      line-height: 46px;
      font-size: 12px !important;
      color: #a3a3a3 !important;
      padding: 0 8px !important;
      background-color: #393a3f;
      opacity: .92;
      text-align: left;
      border-top: 1px solid #a3a3a3; }
      .dropdown-menu-nav li a:hover {
        color: #ffffff !important;
        background-color: #393a3f !important;
        opacity: .92 !important; }
    .dropdown-menu-nav li:first-child a {
      border-top: 0; }

.statistic {
  min-height: 307px; }
  .statistic h1 {
    font-size: 15px;
    color: #585858;
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: bolder; }
  .statistic p {
    font-size: 12px;
    font-weight: bolder;
    margin-bottom: 8px !important; }
    .statistic p span {
      display: inline-block;
      margin-top: 6px;
      font-size: 30px;
      font-family: "Font123go"; }
    .statistic p b {
      font-size: 15px; }

.table-hover tr {
  cursor: pointer; }

.editable {
  background-color: #f2f2f2 !important;
  color: #ff0000 !important;
  position: relative; }

.dropdown-menu-intable {
  left: auto;
  right: 3px;
  top: auto;
  min-width: 50px !important;
  width: 50px;
  padding: 0 !important;
  margin: 0 !important; }
  .dropdown-menu-intable li {
    height: 23px; }

.results tr[visible='false'],
.no-result {
  display: none; }
  .results tr[visible='false'] td,
  .no-result td {
    border-bottom: 0; }

.results tr[visible='true'] {
  display: table-row; }

input.timer {
  display: inline-block;
  width: 25px;
  height: 29px;
  background-color: #f0f0f0;
  box-shadow: none;
  border: 0;
  text-align: center; }

input.actionName {
  display: inline-block;
  min-width: 25px;
  height: 29px;
  background-color: #f0f0f0;
  box-shadow: none;
  border: 0; }

.mao {
  color: #a3a3a3;
  margin: 0 4px; }

.table > tbody > tr > td {
  padding: 3px;
  height: 29px;
  line-height: 29px;
  position: relative;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.table > tbody > tr > td:last-child {
  overflow: visible; }

.profile {
  width: 52px;
  padding: 0 5px !important; }

.dropdown {
  width: 52px; }

.width-auto {
  width: auto; }

.user-name {
  display: block;
  height: 35px;
  line-height: 50px;
  color: #ff8a3b;
  text-align: center; }

.auth-toggle {
  height: 30px !important;
  line-height: 20px !important; }
  .auth-toggle span {
    color: #ff8a3b; }

.auth-toggle-menu {
  min-width: 97px !important; }
  .auth-toggle-menu a {
    width: 97px !important; }

.info-wrap {
  width: 90px;
  min-height: 490px;
  margin-left: 65px; }
  .info-wrap .info-box {
    width: 90px;
    height: 163px; }
    .info-wrap .info-box img {
      display: block;
      width: 90px;
      height: 90px;
      margin: 0 auto;
      margin-bottom: 21px;
      margin-top: 130px; }
    .info-wrap .info-box .member-name {
      display: inline-block;
      width: 90px;
      font-size: 30px;
      font-weight: bolder;
      text-align: center;
      color: #ff8a3b;
      word-break: break-all; }
    .info-wrap .info-box .device-sn {
      display: block;
      font-size: 12px;
      color: #a3a3a3;
      text-align: center; }
    .info-wrap .info-box .upload-tip {
      display: block;
      width: 90px;
      font-size: 12px;
      color: #333;
      line-height: 1.5em;
      text-align: center;
      margin-bottom: 15px; }
    .info-wrap .info-box .btn-uploadfile {
      width: 90px;
      height: 33px;
      font-size: 14px;
      background-color: #ff8a3b;
      color: #fff;
      border-radius: 8px;
      padding: 7px 0 !important;
      text-align: center; }
    .info-wrap .info-box p.error-msg {
      display: block;
      text-align: center;
      margin-top: 10px; }

.info-list-wrap {
  display: block;
  /* min-height: 490px; */
  /* max-width: 390px; */
  padding: 0 0 0 45px;
  border-left: 1px dashed #333333;
  margin: 30px 0 30px 30px; }
  .info-list-wrap ul {
    display: block;
    width: 100%;
    height: 100%; }
    .info-list-wrap ul li {
      display: block;
      width: 100%;
      height: 35px;
      line-height: 35px;
      font-size: 14px;
      text-align: left; }
      .info-list-wrap ul li span {
        font-size: 12px;
        color: #a3a3a3; }
  .info-list-wrap .control-label {
    font-weight: normal;
    height: 38px;
    line-height: 31px; }
  .info-list-wrap input,
  .info-list-wrap select {
    background-color: #fff;
    border-radius: 3px !important;
    border: 1px solid #cccccc;
    height: 38px; }
  .info-list-wrap p {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    position: relative;
    min-width: 185px; }
  .info-list-wrap p:first-child {
    text-indent: 20px; }
  .info-list-wrap .form-group {
    margin-bottom: 7px; }

@media screen and (max-width: 424px) {
  .info-wrap {
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    width: 100%;
    min-height: 170px;
    margin-left: 0; }

  .info-list-wrap {
    padding: 0 0 30px 0;
    min-height: 420px; } }
.footer-btn-wrap {
  display: block !important;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  height: 106px !important;
  line-height: 106px !important;
  padding: 28px 0 !important;
  /* margin-top:10px; */ }
  .footer-btn-wrap .footer-btn {
    width: 138px;
    height: 50px;
    line-height: 36px;
    font-size: 16px;
    background-color: #ff8a3b;
    color: #fff;
    margin-right: 15px;
    border-radius: 4px;
    float: right; }

.add-tip {
  position: absolute;
  top: 50%;
  left: 320px;
  margin-top: -10px;
  white-space: nowrap; }
  .add-tip.error {
    color: #f74949; }

.goto-tip {
  position: absolute;
  bottom: -35px;
  left: 0;
  text-align: left;
  font-size: 12px; }
  .goto-tip a {
    color: #ff8a3b; }

.error-msg {
  color: #f63e3e;
  font-size: 12px; }

.search-tip p {
  font-size: 14px;
  color: #a3a3a3;
  margin: 6px 25px; }

.info-brief-wrap {
  width: 170px;
  height: 340px;
  position: relative; }
  .info-brief-wrap .info-brief {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px; }
  .info-brief-wrap img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto; }
  .info-brief-wrap span {
    display: block;
    font-size: 30px;
    color: #ff8a3b;
    text-align: center;
    margin-top: 21px;
    font-weight: 700;
    word-break: break-all; }

.info-detail ul {
  margin: 60px 30px;
  padding-left: 45px;
  border-left: 1px dashed #333; }
  .info-detail ul li {
    width: 600px;
    height: 44px;
    line-height: 44px; }
    .info-detail ul li span:first-child {
      display: inline-block;
      width: 150px;
      font-size: 14px;
      color: #585858; }
    .info-detail ul li span:last-child {
      font-size: 12px;
      color: #a3a3a3; }

.countdown-time {
  display: block;
  width: 100%;
  height: 107px;
  line-height: 107px;
  color: #333333; }
  .countdown-time span {
    display: inline-block;
    font-size: 70px;
    font-family: 'Font123go'; }
  .countdown-time i {
    display: inline-block;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    margin: 0 20px 0 0; }

.rank-group li {
  display: block;
  height: 108px;
  line-height: 108px;
  text-align: center;
  border-top: 1px dashed #6e6e6e;
  position: relative; }
  .rank-group li .tit {
    font-size: 12px;
    color: #585858;
    font-weight: 700;
    position: absolute;
    left: 0;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .rank-group li .point {
    font-size: 50px;
    font-family: 'Font123go';
    color: #333333; }
  .rank-group li i {
    position: absolute;
    top: -8px;
    left: 0; }
.rank-group li:first-child {
  border-top: 0; }
  .rank-group li:first-child i {
    display: none; }
  .rank-group li:first-child .point {
    color: #ff8a3b; }
.rank-group li:nth-child(2) .point {
  color: #b36029; }
.rank-group li:nth-child(3) .point {
  color: #663717; }

.challenge-modal label,
.challenge-modal input {
  height: 38px;
  line-height: 38px;
  background-color: #fff; }

#groupSelector,
#updateGroupSelector {
  max-height: 200px;
  overflow-y: scroll; }
  #groupSelector li a,
  #updateGroupSelector li a {
    width: 175px;
    max-width: 175px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.btn-selector {
  height: 38px;
  width: 152px;
  text-align: right;
  background-color: #f0f0f0; }

.input-wrapper {
  width: 177px;
  height: 38px;
  line-height: 34px;
  margin: 0;
  position: relative; }
  .input-wrapper button {
    height: 38px;
    width: 38px;
    background-color: #ff8a3b;
    position: absolute;
    right: -26px;
    top: 0;
    z-index: 10;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: 0;
    border: 0; }

.pagination > li > a {
  border: 1px solid #a3a3a3;
  border-radius: 3px;
  margin: 0 3px;
  color: #ff8a3b !important;
  padding: 3px 8px;
  font-size: 12px; }

.pagination > li.active > a {
  border: 1px solid transparent;
  color: #a3a3a3 !important; }

.dataTables_empty {
  background-color: rgba(255, 170, 0, 0.15); }

.dataTables_wrapper {
  margin-top: 10px; }

.chart-tit {
  display: block;
  margin: 0 6px; }

.sleep-type li {
  display: inline-block;
  margin-left: 28px; }
  .sleep-type li .sleep-block {
    display: inline-block;
    width: 25px;
    height: 10px;
    margin-left: 3px;
    margin-right: 6px; }

.hr-sider {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #a3a3a3; }
  .hr-sider ul li {
    height: 50px;
    line-height: 50px; }

.btn-bd span:first-child {
  display: inline-block;
  height: 100%;
  line-height: 2;
  width: 30px;
  text-align: left;
  border-right: 1px solid rgba(255, 255, 255, 0.3); }

.checkbox-hrz {
  float: left;
  width: 48px;
  height: 44px;
  margin-right: 24px;
  margin-top: 10px; }
  .checkbox-hrz span:first-child {
    box-sizing: content-box;
    margin: 0 0 8px 0;
    display: block;
    width: 45px;
    height: 20px;
    line-height: 20px;
    border-radius: 5px;
    position: relative; }
  .checkbox-hrz span:last-child {
    display: block;
    font-size: 10px;
    color: #585858;
    text-align: left;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  .checkbox-hrz #qhrzone1 {
    border: 1px solid #333; }
    .checkbox-hrz #qhrzone1.selected {
      background-color: #333; }
      .checkbox-hrz #qhrzone1.selected i {
        display: block; }
  .checkbox-hrz #qhrzone2 {
    border: 1px solid #7a7a7a; }
    .checkbox-hrz #qhrzone2.selected {
      background-color: #7a7a7a; }
      .checkbox-hrz #qhrzone2.selected i {
        display: block; }
  .checkbox-hrz #qhrzone3 {
    border: 1px solid #2681dc; }
    .checkbox-hrz #qhrzone3.selected {
      background-color: #2681dc; }
      .checkbox-hrz #qhrzone3.selected i {
        display: block; }
  .checkbox-hrz #qhrzone4 {
    border: 1px solid #00bfa5; }
    .checkbox-hrz #qhrzone4.selected {
      background-color: #00bfa5; }
      .checkbox-hrz #qhrzone4.selected i {
        display: block; }
  .checkbox-hrz #qhrzone5 {
    border: 1px solid #f77210; }
    .checkbox-hrz #qhrzone5.selected {
      background-color: #f77210; }
      .checkbox-hrz #qhrzone5.selected i {
        display: block; }
  .checkbox-hrz #qhrzone6 {
    border: 1px solid #e63333; }
    .checkbox-hrz #qhrzone6.selected {
      background-color: #e63333; }
      .checkbox-hrz #qhrzone6.selected i {
        display: block; }

.loginContainer {
  padding-top: 70px !important; }

.form-signin {
  max-width: 600px;
  padding: 15px;
  margin: 0 auto;
  color: #393a3f;
  margin-bottom: 110px; }

.form-signin .form-signin-heading {
  padding: 36px 0;
  margin: 0;
  font-size: 30px;
  text-align: center;
  font-weight: bolder; }
  .form-signin .form-signin-heading i.logo-login {
    display: block;
    width: 120px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/LOGO_main_color@2x.png) no-repeat center center;
    background-size: 120px; }

.form-label {
  display: inline-block;
  font-weight: normal;
  margin: 9px auto; }

.form-signin .radio {
  height: 65px;
  line-height: 65px;
  margin: 0;
  text-align: center; }

.form-signin .form-control {
  position: relative;
  height: 46px;
  max-width: 350px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px; }

.form-signin .panel {
  border-radius: 16px;
  margin: 0;
  width: 600px;
  height: 460px;
  position: relative; }
  .form-signin .panel .error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    .form-signin .panel .error span {
      color: #ff8a3b; }

.form-signin .panel .signin-content {
  width: 350px;
  height: 395px;
  padding: 0 60px;
  margin: 32px 0;
  box-sizing: content-box;
  border-right: 1px solid #ccc;
  float: left; }

.signin-content .qrcode {
  width: 210px;
  height: 210px;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin: 0 auto 30px auto; }

.signin-content .qrcode img {
  width: 200px;
  height: 200px;
  margin: 5px; }

.form-signin .panel .signin-change {
  width: 125px;
  height: 395px;
  margin: 32px 0;
  float: left; }

.signin-change .login-wx, .signin-change .login-pc {
  width: 100%;
  margin: 80px 0;
  color: #ccc;
  font-size: 14px; }

.signin-change .login-wx.on, .signin-change .login-pc.on {
  color: #ff4612;
  position: relative; }

.signin-change .login-wx.on:before, .signin-change .login-pc.on:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 4px solid #ff4612;
  border-bottom: 4px solid transparent;
  position: absolute;
  left: 0;
  top: 30%; }

.signin-change .login-wx.on i {
  background: url(../images/login-wx-on.png) no-repeat center center; }

.signin-change .login-pc.on i {
  background: url(../images/login-pc-on.png) no-repeat center center; }

.form-signin .panel button {
  max-width: 350px;
  height: 46px;
  line-height: 46px;
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  border-radius: 5px; }

.form-signin .btn-info {
  background-color: #ff4612;
  border-color: #ff4612; }
  .form-signin .btn-info:active, .form-signin .btn-info:hover {
    outline: 0;
    background-color: #ff4612;
    border-color: #ff4612; }

.form-signin .form-control:focus {
  z-index: 2; }

.form-signin .radio {
  font-size: 14px;
  display: inline-block;
  width: 49%;
  height: 65px;
  line-height: 65px; }
  .form-signin .radio label {
    line-height: 20px; }

.form-signin input[type="radio"] {
  opacity: 0; }

.form-signin input[type="text"] {
  margin-bottom: 15px;
  clear: both; }

.form-signin input[type="password"] {
  margin-bottom: 15px;
  clear: both; }

.error-tip {
  color: #ff8a3b; }

.input-header {
  max-width: 350px;
  margin: 0 auto; }

.signin-wrapper .signin-heading {
  padding: 36px 0;
  margin: 0;
  font-size: 30px;
  text-align: center;
  font-weight: bolder; }
  .signin-wrapper .signin-heading i.logo-login {
    display: block;
    width: 120px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/LOGO_main_color@2x.png) no-repeat center center;
    background-size: 120px; }

i.icon-login-wx {
  display: block;
  width: 44px;
  height: 44px;
  margin: 14px auto;
  background: url(../images/login-wx.png) no-repeat center center;
  background-size: 44px; }

i.icon-login-pc {
  display: block;
  width: 44px;
  height: 44px;
  margin: 14px auto;
  background: url(../images/login-pc.png) no-repeat center center;
  background-size: 44px; }

/*# sourceMappingURL=bundle.css.map */