@charset "UTF-8";
/**
 * Created by liangyl on 2016/9/21 0021.
 */
/**
 * 文字超出显示省略号，支持多行
 */
/**
 * Created by liangyl on 2016/9/21 0021.
 */
/***************

/**
 * @param $min   min-width
 * @param $max   max-width

@mixin screen($min, $max)
@mixin max-screen($width)
@mixin min-screen($width)
@mixin hidpi($ratio: 1.3)
 */
/**
 * @param $filename
 * @param $retina-filename   多个或者一个
 * @param $ratio             多个或者一个
 * @param $background-size

@mixin retina-image($filename, $retina-filename, $ratio: 1.3, $background-size: 100%)
@mixin iphone6($orientation: all)
@mixin iphone6plus($orientation: all)
@mixin iphone5($orientation: all)
@mixin iphone4($orientation: all)
@mixin ipad($orientation: all)
@mixin ipad-mini($orientation: all)
@mixin ipad-retina($orientation: all)

@include retina-image(test.png, test@2.png test@3.png, 2 3);

****************/
/**
 * Created by liangyl on 2016/8/22 0022.
 */
/**
 * Created by liangyl on 2016/8/22 0022.
 */
/**
 * Created by liangyl on 2016/8/22 0022.
 */
/**
 * Created by liangyl on 2016/9/13 0013.
 */
/**
 * @param $color
 * @param $direction: top bottom left right vertical all radius,  default: all
 */
/**
 * @param $color
 * @param $direction: top bottom left right vertical all,  default: all
 * @param $pseudo: after before, default: after
 */
/**
 * @param $color
 * @param $direction: top bottom left right vertical all radius,  default: all
 * @param $pseudo: after before, default: after
 * @param $radius default: 1px
 */
/**
 * Created by liangyl on 2016/9/21 0021.
 * placeholder color
 */
/****************

// scss
@include placeholder() {
    ...
}

// css
::-webkit-input-placeholder {
    ...
}
::-moz-placeholder {
    ...
}
:-ms-input-placeholder {
    ...
}
**********************/
/**
 * @desc  三角形
 * @param $width
 * @param $height
 * @param $color
 * @param $direction: top bottom left right
 */
/**
 * @desc 通过背景图实现三角形
 */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  line-height: 1.6;
  font-family: "Microsoft YaHei", sans-serif; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *,
  *:bafore,
  *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit; }

a img {
  border: 0; }

a {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none; }

li {
  list-style: none; }

ol.number_ol li {
  list-style: decimal; }
ol.number_ol {
  padding-left: 20px; }

.none {
  display: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

label {
  font-weight: 100; }

/*
    FIXED
 */
a {
  cursor: pointer; }

.fz-0 {
  font-size: 0; }

.fz-1 {
  font-size: 12px; }

.fz-2 {
  font-size: 14px; }

.pd050 {
  padding: 0 50px; }

.mg-050 {
  margin-right: -50px;
  margin-left: -50px; }

.f-c {
  *zoom: 1; }
  .f-c:before, .f-c:after {
    content: " ";
    display: table; }
  .f-c:after {
    clear: both; }

.f-l {
  float: left; }

.f-r {
  float: right; }

.t-l {
  text-align: left; }

.t-r {
  text-align: right; }

.vc {
  text-align: center;
  white-space: nowrap; }
  .vc > * {
    display: inline-block;
    vertical-align: middle; }
  .vc:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.f-ibm {
  font-size: 0;
  display: inline-block;
  vertical-align: middle; }

.frame-wh {
  width: 100%;
  height: 100%; }
  .frame-wh iframe {
    width: 100%;
    height: 100%; }

.form {
  border-radius: 3px;
  background: #fff;
  margin-top: 30px; }

.form-title {
  padding: 0 20px;
  height: 51px;
  line-height: 50px;
  border-bottom: 1px solid #edeff4; }
  .form-title span {
    font-size: 16px;
    color: #2e323c; }

.form-body {
  padding: 20px; }

.form-group {
  font-size: 0; }
  .form-group > * {
    display: inline-block;
    vertical-align: top; }

.form-label {
  padding: 0 10px;
  text-align: right;
  height: 36px;
  line-height: 36px;
  min-width: 100px; }
  .form-label label {
    font-size: 14px;
    color: #7d8491;
    height: 100%; }

.form-input input {
  outline: none;
  border: none;
  padding: 0 10px; }
.form-input .input {
  *zoom: 1;
  height: 36px;
  line-height: 34px;
  border: 1px solid #d3d9e6;
  border-radius: 3px; }
  .form-input .input:before, .form-input .input:after {
    content: " ";
    display: table; }
  .form-input .input:after {
    clear: both; }
  .form-input .input input {
    float: left;
    height: 100%; }
.form-input .input-btn {
  float: right;
  width: 90px;
  height: 36px;
  background: #3399ff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  margin-right: -1px;
  margin-top: -1px; }
.form-input .help-tip {
  margin-top: 10px; }
  .form-input .help-tip p {
    font-size: 14px;
    color: #ff9900; }

.form-pagination {
  text-align: center;
  margin: 0 auto;
  width: 100%; }
  .form-pagination .pagination-btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px; }

/*
    icons
*/
.icon {
  display: block; }

.icon-bank,
.icon-check,
.icon-item,
.icon-ledger {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat; }

.icon-refresh {
  width: 16px;
  height: 16px;
  background: url(../images/icons/icon-refresh.png) no-repeat; }

.icon-bank {
  background-image: url(../images/icons/icon-bank.png); }

.icon-check {
  background-image: url(../images/icons/icon-check.png); }

.icon-item {
  background-image: url(../images/icons/icon-item.png); }

.icon-ledger {
  background-image: url(../images/icons/icon-ledger.png); }

.icon-price {
  width: 16px;
  height: 16px;
  background: url(../images/icons/icon-price.png) no-repeat; }

.icon-voice {
  width: 18px;
  height: 18px;
  background: url(../images/icons/icon-voice.png) no-repeat; }

.icon-tick-blue {
  width: 24px;
  height: 24px;
  background: url(../images/icons/icon-tick-blue.png) no-repeat; }

.icon-tick-gray {
  width: 24px;
  height: 24px;
  background: url(../images/icons/icon-tick-gray.png) no-repeat; }

.icon-minus {
  width: 20px;
  height: 20px;
  background: url(../images/icons/icon-minus.png) no-repeat; }

.icon-plus {
  width: 20px;
  height: 20px;
  background: url(../images/icons/icon-plus.png) no-repeat; }

.exit {
  position: absolute;
  top: 16px;
  right: 16px; }
  .exit .icon {
    width: 31px;
    height: 31px;
    background: url(../images/exit.png) no-repeat; }

.icon-prev {
  width: 46px;
  height: 46px;
  background: url(../images/icons/icon-prev.png) no-repeat; }
  .icon-prev:hover {
    background: url(../images/icons/icon-prev-on.png) no-repeat; }

.icon-next {
  width: 46px;
  height: 46px;
  background: url(../images/icons/icon-next.png) no-repeat; }
  .icon-next:hover {
    background: url(../images/icons/icon-next-on.png) no-repeat; }

.icon-floatbar {
  width: 48px;
  height: 48px;
  background: url(../images/icons/icon-floatbar.png) no-repeat; }

.bar-nav .icon {
  width: 14px;
  height: 14px;
  background-image: url(../images/icons-floatbar.png);
  background-position-x: 0; }

.icon-sb1 {
  background-position-y: 0; }

.icon-sb2 {
  background-position-y: -14px; }

.icon-sb3 {
  background-position-y: -28px; }

.icon-sb4 {
  background-position-y: -42px; }

.icon-sb5 {
  background-position-y: -56px; }

.icon-sb6 {
  background-position-y: -70px; }

.icon-sb7 {
  background-position-y: -84px; }

.icon-sb8 {
  background-position-y: -98px; }

.icon-warn {
  width: 18px;
  height: 18px;
  background: url(../images/icons/icon-warn.png) no-repeat; }

.icon-ask {
  width: 16px;
  height: 16px;
  background: url(../images/icons/icon-ask.png) no-repeat; }

/*
    btns
*/
.btn {
  display: inline-block;
  min-width: 56px;
  line-height: 1;
  color: #95bad7;
  border: 1px solid #95bad7;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  padding: 6px 10px; }
  .btn:hover {
    color: #fff;
    background: #95bad7; }

.btn1 {
  border-color: #3399ff;
  color: #3399ff; }
  .btn1:hover {
    background: #3399ff; }

.btn2 {
  width: auto;
  height: auto;
  padding: 5px 10px;
  border-color: #3399ff;
  color: #3399ff; }
  .btn2:hover {
    background: #3399ff; }

.btn3 {
  background: #aab3c3;
  border-color: #aab3c3;
  color: #fff; }

.btn4 {
  width: 100%;
  height: 42px;
  line-height: 40px;
  background: #fff;
  border-color: #3399ff;
  color: #3399ff;
  border-radius: 21px;
  padding: 0; }
  .btn4:hover {
    background-color: #3399ff;
    color: #fff; }

.btn-refresh:hover .icon-refresh {
  transition: transform .5s ease;
  transform: rotate(180deg); }

.btn5 {
  color: #fff;
  background: #d38332;
  border: 0; }
  .btn5:hover {
    color: #fff;
    background: #df9f54;
    border: 0; }

.btn6 {
  color: #fff;
  background: #df9f54;
  border: 0; }
  .btn6:hover {
    color: #fff;
    background: #d38332;
    border: 0; }

/*
    LAYOUT
 */
.layout-fixed {
  position: absolute;
  z-index: 2018;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 1024px;
  overflow-y: hidden;
  overflow-x: auto; }

.layout-container {
  height: 100%;
  background: #edeff4; }

.page-width {
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px; }

.page-height {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }

.layout-top {
  background: #c8daf0 url(../images/header-bg.jpg) center right no-repeat;
  background-size: cover;
  height: 200px; }
  @media screen and (max-width: 1366px) {
    .layout-top {
      height: 130px; }
      .layout-top .user-info {
        padding-top: 10px; }
      .layout-top .page-height {
        padding-top: 15px;
        padding-bottom: 15px; }
      .layout-top .page-width {
        padding-right: 15px;
        padding-left: 15px; } }

.wrap-inner {
  padding: 20px;
  background: #edeff4; }

.layout-content {
  position: absolute;
  top: 200px;
  right: 0;
  bottom: 80px;
  left: 0;
  overflow: auto;
  padding: 20px; }
  @media screen and (max-width: 1366px) {
    .layout-content {
      top: 130px; } }

.inner-left,
.inner-right .inner-row {
  background: #fff; }

.inner-row.row1 {
  height: 260px; }
.inner-row.row2 {
  height: 160px;
  margin-top: 20px; }
.inner-row.row3 {
  background-color: transparent; }
  .inner-row.row3 .row-title, .inner-row.row3 .row-con {
    background: #fff; }
  .inner-row.row3 .row-con {
    margin-top: 20px; }
  .inner-row.row3 .mute {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 100%;
    top: 0;
    border-right: 1px solid #eef0f3;
    background: #fff; }
    .inner-row.row3 .mute .icon {
      display: inline-block; }
  .inner-row.row3 .name {
    font-size: 14px;
    color: #6b7484;
    border-right: 1px solid #eef0f3;
    width: 100%;
    padding: 0 160px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .inner-row.row3 .voice-control {
    width: 100%; }
  .inner-row.row3 .btn-refresh {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    top: 0;
    left: 100%;
    background: #fff; }
    .inner-row.row3 .btn-refresh .icon-refresh {
      margin: 18px auto;
      vertical-align: middle; }
  .inner-row.row3 .voice-wrap {
    position: absolute;
    top: 0;
    right: 10px; }
.inner-row.row4 {
  margin: 0 -50px;
  margin-top: 20px; }
  .inner-row.row4 .row-con {
    height: 209px; }

.wgt-fund {
  text-align: left; }
  .wgt-fund .row-con {
    padding: 10px; }
  .wgt-fund .bgimg {
    width: 170px;
    height: 150px;
    background: url(../images/bg-zj.png) center no-repeat;
    margin-right: -170px; }
  .wgt-fund .fund {
    width: 100%;
    padding-left: 170px; }
  .wgt-fund .sign {
    width: 14px;
    height: 14px; }
  .wgt-fund li {
    text-align: left;
    font-size: 14px;
    color: #6b7484;
    margin: 10px 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .wgt-fund li span {
      display: inline-block;
      vertical-align: middle; }
  .wgt-fund .cash .sign {
    background: #ffbf05; }
  .wgt-fund .cash .name {
    color: #000; }
  .wgt-fund .deposit .sign {
    background: #ffe7a0; }
  .wgt-fund .name {
    width: 50px;
    margin: 0 10px; }
  .wgt-fund .money {
    text-align: right;
    max-width: 100px; }
  .wgt-fund .total {
    margin-top: 20px;
    padding: 17px;
    color: #2e323c;
    background: #fff3cf;
    line-height: 1; }
    .wgt-fund .total label {
      font-size: 14px;
      width: 50px;
      margin-right: -50px; }
    .wgt-fund .total span {
      font-size: 24px;
      width: 100%;
      padding-left: 50px;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

.inner-left {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 440px;
  padding-right: 20px;
  background-color: transparent; }
  .inner-left .row-title, .inner-left .row-con {
    background: #fff; }
  .inner-left .row-title {
    height: 53px;
    border-width: 3px; }
  .inner-left .row-con {
    height: 387px; }

.inner-right {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  height: 440px; }

.row-title {
  position: relative;
  width: 100%;
  height: 51px;
  line-height: 50px;
  border-bottom: 1px solid #eef0f3; }
  .row-title a,
  .row-title span {
    font-size: 16px; }
  .row-title > span {
    padding: 0 20px; }
  .row-title .btn-refresh {
    position: absolute;
    right: 20px;
    top: 20px; }

.wgt-nav {
  border: 1px solid #d8e0f0;
  background-color: #f8fafd; }
  .wgt-nav .nav-tabs ul {
    border-bottom: 1px solid #d8e0f0;
    background-color: #f8fafd; }
  .wgt-nav .nav-tabs li {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d8e0f0;
    text-align: center;
    background: #f8fafd;
    min-width: 120px;
    margin-right: -1px;
    height: 40px;
    line-height: 40px;
    border-top: 0;
    margin-left: -1px;
    border-bottom: none; }
    .wgt-nav .nav-tabs li.active {
      border-top: 2px solid #3399ff;
      border-bottom: 0;
      background: #fff;
      margin-bottom: -2px;
      height: 41px;
      line-height: 41px; }
      .wgt-nav .nav-tabs li.active a {
        color: #3399ff; }
  .wgt-nav .nav-tabs a {
    display: block;
    font-size: 14px;
    color: #6b7484;
    padding: 0 10px; }
  .wgt-nav .tab-content {
    background: #fff; }
  .wgt-nav .tab-pane {
    display: none; }
    .wgt-nav .tab-pane.active {
      display: block; }
  .wgt-nav .nav-tabs2 {
    *zoom: 1;
    border-bottom: 1px solid #d8e0f0; }
    .wgt-nav .nav-tabs2:before, .wgt-nav .nav-tabs2:after {
      content: " ";
      display: table; }
    .wgt-nav .nav-tabs2:after {
      clear: both; }
    .wgt-nav .nav-tabs2 li {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      background: #f8fafd;
      min-width: 120px;
      position: relative;
      cursor: pointer; }
      .wgt-nav .nav-tabs2 li.active {
        border-bottom: 2px solid #3399ff;
        background: #fff; }
        .wgt-nav .nav-tabs2 li.active span {
          color: #3399ff; }
    .wgt-nav .nav-tabs2 span {
      display: block;
      font-size: 14px;
      color: #6b7484;
      line-height: 1;
      padding: 10px; }
    .wgt-nav .nav-tabs2 .refresh {
      display: block;
      line-height: 1;
      background: url(../images/icons/refresh.gif) no-repeat;
      padding-right: 20px;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 16px;
      height: 18px; }

.wgt-frame-box ul, .wgt-frame-box li {
  font-size: 0;
  background: #fff; }
.wgt-frame-box .box-navs {
  position: relative;
  width: 100%;
  background: #fff; }
.wgt-frame-box .navs-list, .wgt-frame-box .navs-selector {
  display: inline-block;
  vertical-align: middle; }
.wgt-frame-box .navs-list {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: 53px;
  overflow: hidden; }
  .wgt-frame-box .navs-list.open {
    height: unset; }
  .wgt-frame-box .navs-list .nav {
    display: inline-block;
    vertical-align: middle; }
  .wgt-frame-box .navs-list .btn-selector {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border: 0px solid #ccc; }
.wgt-frame-box .nav {
  position: relative; }
  .wgt-frame-box .nav .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #ccc;
    width: 18px;
    height: 18px;
    line-height: 1;
    padding: unset;
    border: unset; }
    .wgt-frame-box .nav .close:hover {
      color: #3399ff; }
  .wgt-frame-box .nav a {
    display: block;
    height: 53px;
    line-height: 50px;
    border-right: 1px solid #eef0f3;
    padding: 0 20px;
    border-bottom: 3px solid #e3eaef; }
  .wgt-frame-box .nav span, .wgt-frame-box .nav i {
    display: inline-block;
    vertical-align: middle; }
  .wgt-frame-box .nav span {
    font-size: 14px;
    color: #969eac; }
  .wgt-frame-box .nav i {
    width: 0;
    margin-left: 0;
    transition: all .1s ease; }
  .wgt-frame-box .nav.active a {
    border-bottom-color: #3399ff; }
  .wgt-frame-box .nav.active:hover i {
    width: 16px;
    margin-left: 10px;
    transition: all .3s ease; }
  .wgt-frame-box .nav.noFresh:hover i {
    width: 0;
    margin-left: 0; }
.wgt-frame-box .navs-selector {
  position: absolute;
  right: 5px;
  top: 5px; }
  .wgt-frame-box .navs-selector:hover .navs {
    display: block; }
  .wgt-frame-box .navs-selector .nav {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .wgt-frame-box .navs-selector .nav a {
      height: 40px;
      line-height: 40px;
      border-bottom-width: 1px; }
    .wgt-frame-box .navs-selector .nav.active a {
      border-bottom-width: 1px; }
  .wgt-frame-box .navs-selector .navs {
    position: absolute;
    overflow: auto;
    display: none;
    right: 0;
    top: 100%;
    width: auto;
    max-height: 400px;
    border: 1px solid #eef0f3; }
  .wgt-frame-box .navs-selector.disabled .btn-selector {
    background: url(../images/wgt-date-round-gray.png) no-repeat; }
  .wgt-frame-box .navs-selector.disabled:hover .navs {
    display: none; }
.wgt-frame-box .box-frames .iframe {
  display: none;
  height: 100%; }
  .wgt-frame-box .box-frames .iframe.active {
    display: block; }
.wgt-frame-box .icon-refresh:hover {
  background: url(../images/icons/icon-refresh-blue.png) no-repeat;
  transform: rotate(180deg);
  transition: transform .5s ease; }
.wgt-frame-box .btn-selector {
  width: 41px;
  height: 41px;
  background: url(../images/wgt-date-round.png) center no-repeat; }

.the-guide {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 2018; }
  .the-guide .content {
    width: 100%;
    height: 100%; }
    .the-guide .content ul, .the-guide .content li {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .the-guide .content img {
      width: 100%;
      height: 100%; }
  .the-guide .step1 {
    z-index: 6; }
  .the-guide .step2 {
    z-index: 5; }
  .the-guide .step3 {
    z-index: 4; }
  .the-guide .step4 {
    z-index: 3; }
  .the-guide .step5 {
    z-index: 2; }
  .the-guide .step6 {
    z-index: 1; }

.table {
  padding: 20px; }

th {
  background: #edeff4;
  line-height: 44px; }

.tags {
  font-size: 14px;
  color: #fff;
  padding: 4px 6px;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  border-radius: 3px;
  text-align: center; }
  .tags.tag1 {
    color: #4fc855;
    background: #dbf9dd; }
  .tags.tag2 {
    color: #4ea7ff;
    background: #e1f0ff; }
  .tags.tag3 {
    color: #ebab6c;
    background: #fff2e5; }
  .tags.tag4 {
    color: #aab3c3;
    background: #edf1fa; }
  .tags.tag5 {
    color: #125aa2;
    background: #a7bed6; }
  .tags.tag6 {
    color: #beff00;
    background: #ff8d8d; }

.highcharts-btn {
  font-size: 14px;
  color: #3399ff;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 8; }

.highcharts-null {
  display: block;
  font-size: 14px;
  color: #ccc;
  height: 189px;
  line-height: 189px;
  text-align: center; }
  .highcharts-null + div {
    display: none; }

.pager .row-con {
  position: relative; }

/*
    main
 */
.logo-name img, .logo-name span {
  display: inline-block;
  vertical-align: middle; }
.logo-name img {
  width: 60px;
  height: 48px; }
.logo-name span {
  font-size: 24px;
  color: #214775;
  margin-left: 10px;}

.task-navs {
  font-size: 0; }
  .task-navs .nav {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
    width: 110px;
    height: 53px;
    line-height: 50px; }
    .task-navs .nav a {
      position: relative;
      color: #969eac;
      font-size: 14px; }
      .task-navs .nav a > span {
        font-size: 0; }
    .task-navs .nav.active {
      border-bottom: 3px solid #3399ff; }
      .task-navs .nav.active a {
        color: #3399ff; }
  .task-navs .unfinished > a > span {
    font-size: 12px;
    color: #ff4c4c; }

.task-content {
  height: 100%; }
  .task-content .con {
    display: none;
    height: 100%; }
    .task-content .con.active {
      display: block; }
  .task-content .more {
    height: 67px;
    line-height: 67px;
    text-align: center;
    font-size: 14px;
    color: #3399ff; }

.task-list {
  height: 320px;
  font-size: 0; }
  .task-list li {
    position: relative;
    display: block;
    height: 80px;
    border-bottom: 1px solid #f0f2f8; }
  .task-list .today .name {
    background: #ff6b6b; }
  .task-list .row {
    height: 100%; }
  .task-list .col {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .task-list .col + .col {
      border-left: 1px solid #f0f2f8; }
  .task-list .col-wrap {
    width: 100%; }
  .task-list .col1 {
    width: 10%;
    text-align: right; }
  .task-list .col2 {
    width: 70%;
    padding: 0 20px; }
  .task-list .col3 {
    width: 20%; }
  .task-list .name {
    display: inline-block;
    color: #fff;
    background: #aab3c3;
    text-align: center;
    font-size: 14px;
    width: 75px;
    height: 22px;
    line-height: 22px;
    border-radius: 10px 0 0 10px; }
  .task-list .date {
    color: #aab3c3;
    font-size: 12px;
    text-align: center;
    line-height: 1; }
  .task-list .text {
    width: 100%;
    color: #2e323c;
    font-size: 14px;
    white-space: normal;
    line-height: 1.5; }
  .task-list .price {
    padding-top: 10px; }
    .task-list .price i,
    .task-list .price span {
      display: inline-block;
      vertical-align: middle;
      line-height: 1; }
    .task-list .price span {
      font-size: 16px;
      color: #aab3c3;
      padding-left: 10px; }
  .task-list .btns {
    text-align: center; }
    .task-list .btns .btn + .btn {
      margin-left: 5px; }

.ly-container .task-list {
  height: auto; }

.con-backlog .task-list .date {
  margin-top: 12px; }

.con-unApproval .icon-minus, .con-unApproval .icon-plus {
  margin: 0 auto;
  display: inline-block; }
.con-unApproval .task-list .col1 {
  text-align: center; }
.con-unApproval .task-list li {
  height: 66px;
  overflow: hidden; }
  .con-unApproval .task-list li:hover {
    background: #f5faff;
    box-shadow: 0 0 12px 0 rgba(163, 189, 215, 0.8); }
  .con-unApproval .task-list li.active, .con-unApproval .task-list li.current {
    overflow: visible; }
    .con-unApproval .task-list li.active .icon-plus, .con-unApproval .task-list li.current .icon-plus {
      background: url(../images/icons/icon-minus.png) no-repeat; }
    .con-unApproval .task-list li.active .box-li, .con-unApproval .task-list li.current .box-li {
      display: block;
      box-shadow: 0 3px 6px 0 rgba(163, 189, 215, 0.8); }
  .con-unApproval .task-list li.bottom .box-li {
    box-shadow: 0 -3px 6px 0 rgba(163, 189, 215, 0.8);
    bottom: 100%;
    top: unset; }
.con-unApproval .task-list .more {
  height: 57px;
  line-height: 57px; }
.con-unApproval .task-list .col1 {
  width: 5%; }
.con-unApproval .task-list .col2 {
  width: 65%;
  text-align: left; }
.con-unApproval .task-list .col3 {
  width: 10%; }
.con-unApproval .task-list .col4 {
  width: 20%; }
.con-unApproval .task-list .date {
  font-size: 14px;
  text-align: left;
  padding-bottom: 5px; }
.con-unApproval .tab {
  font-size: 14px;
  width: 56px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  text-align: center;
  margin: 0 auto; }
.con-unApproval .tab-passed {
  background: #dbf9dd;
  color: #4fc855; }
.con-unApproval .tab-unpass {
  background: #fff2e5;
  color: #ebab6c; }
.con-unApproval .box-li {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-height: 100px;
  z-index: 2018;
  font-size: 14px;
  background: #ebf5ff;
  border: 1px solid #d5e3f1; }
.con-unApproval .label-group {
  font-size: 0;
  padding: 10px; }
  .con-unApproval .label-group label, .con-unApproval .label-group p {
    display: inline-block;
    vertical-align: top;
    font-size: 14px; }
  .con-unApproval .label-group label {
    color: #98a1ae;
    width: 100px;
    text-align: right;
    margin-right: -100px; }
  .con-unApproval .label-group p {
    color: #6b7484;
    width: 100%;
    padding-left: 100px; }

.wgt-operation {
  font-size: 0;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  margin: 0 auto; }
  .wgt-operation li {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    height: 109px;
    border-bottom: 1px solid #eef0f3;
    text-align: center;
    padding-top: 27px;
    border: 1px solid transparent; }
    .wgt-operation li + li {
      border-left: 1px solid #eef0f3; }
    .wgt-operation li i,
    .wgt-operation li span {
      display: block;
      margin: 0 auto; }
    .wgt-operation li span {
      font-size: 14px;
      color: #2eb66e;
      line-height: 30px; }
    .wgt-operation li:hover {
      border: 1px solid #2eb66e;
      background: #f5fffa; }

.link-tabs {
  position: relative;
  font-size: 0; }
  .link-tabs .tab-list {
    display: table;
    border-spacing: 10px;
    border-collapse: separate;
    position: absolute;
    display: none;
    background: #fff;
    padding: 20px;
    bottom: 100%;
    width: auto;
    height: auto;
    box-shadow: 0px 0px 28px 2px #aab3c3;
    z-index: 2018;
    white-space: nowrap; }
    .link-tabs .tab-list:after {
      content: '';
      position: absolute;
      width: 36px;
      height: 18px;
      bottom: -17px;
      background: url(../images/list-arrow.png) no-repeat; }
    .link-tabs .tab-list dl {
      display: table-cell;
      vertical-align: top;
      background: #ebf5ff;
      margin-right: 10px;
      padding: 15px;
      text-align: left;
      font-size: 14px;
      width: 150px;
      height: 100%; }
      .link-tabs .tab-list dl.last {
        margin-right: 0; }
    .link-tabs .tab-list dt {
      color: #2e323c;
      font-size: 16px;
      line-height: 1;
      margin-bottom: 12px; }
    .link-tabs .tab-list dd {
      line-height: 1; }
      .link-tabs .tab-list dd a {
        line-height: 1;
        font-size: 14px;
        color: #7d8ea8; }
        .link-tabs .tab-list dd a:hover {
          color: #000; }
      .link-tabs .tab-list dd + dd {
        margin-top: 10px; }
    .link-tabs .tab-list .col {
      display: table-cell;
      vertical-align: top;
      height: 100%;
      margin: 0 10px; }
    .link-tabs .tab-list .title {
      font-size: 16px;
      color: #336699;
      display: block;
      text-align: left;
      border-bottom: 2px solid #c4daef;
      margin-bottom: 1px; }
  .link-tabs .tab {
    position: relative; }
  .link-tabs .tab-operation .tab-list {
    left: 0; }
    .link-tabs .tab-operation .tab-list:after {
      left: 15%; }
  .link-tabs .tab-information .tab-list {
    left: 50%;
    transform: translateX(-50%); }
    .link-tabs .tab-information .tab-list:after {
      right: 48%; }
  .link-tabs .tab-organization .tab-list {
    right: 0; }
    .link-tabs .tab-organization .tab-list:after {
      right: 15%; }

.user-info {
  padding-top: 55px;
  *zoom: 1; }
  .user-info:before, .user-info:after {
    content: " ";
    display: table; }
  .user-info:after {
    clear: both; }
  .user-info .avatar {
    display: inline;
    margin-right: 10px; }
  .user-info .avatar-info {
    display: inline-block;
    position: relative;
    top: -12px;
    color: #0e2e54;
    font-size: 14px; }
  .user-info .switch-role {
    font-size: 18px;
    color: #3399ff; }
  .user-info .wgt-date, .user-info .group-members {
    display: inline-block;
    vertical-align: middle; }

.group-members {
  margin-right: -30px;
  width: 114px;
  height: 52px;
  line-height: 52px;
  background: url(../images/bg-x1.png) no-repeat;
  text-align: center;
  font-size: 0;
  padding-right: 20px; }
  .group-members label, .group-members span {
    display: inline-block;
    vertical-align: middle; }
  .group-members label {
    font-size: 14px;
    color: #3399ff;
    width: 44px;
    text-align: right;
    line-height: 1; }
  .group-members span {
    font-size: 16px;
    color: #214775;
    padding-left: 5px; }

.wgt-date {
  color: #214775;
  font-size: 18px;
  width: 340px;
  height: 54px;
  padding-left: 20px;
  padding-top: 6px;
  background: url(../images/wgt-date-bg.png) no-repeat; }
  .wgt-date .date-wrapper {
    margin-top: 4px; }
  .wgt-date .year {
    vertical-align: middle; }
  .wgt-date .month,
  .wgt-date .day {
    font-size: 22px;
    vertical-align: middle; }
  .wgt-date .day {
    margin-right: 15px; }
  .wgt-date .day-btn {
    display: inline-block;
    background: #fff;
    text-align: center;
    width: 81px;
    height: 41px;
    line-height: 40px;
    background: url(../images/wgt-date-date.png) no-repeat;
    vertical-align: middle; }
  .wgt-date .date-selector {
    float: right;
    cursor: pointer;
    position: relative;
    margin-right: 5px; }
  .wgt-date .date-options {
    display: none;
    width: 130px;
    border-radius: 20px;
    position: absolute;
    z-index: 2018;
    top: 100%;
    right: -8px;
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
    margin-left: -65px; }
    .wgt-date .date-options .option {
      display: inline-block;
      vertical-align: middle;
      width: 60px;
      height: 20px;
      line-height: 20px;
      padding: 0 10px;
      font-size: 14px;
      color: #3c4868;
      text-align: center; }
      .wgt-date .date-options .option:hover {
        color: #2873ce; }
  .wgt-date .daterange-btn {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    background: url(../images/wgt-date-round.png) no-repeat;
    border: 0;
    outline: none; }
  .wgt-date .arrow-select {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 41px;
    line-height: 40px;
    vertical-align: middle;
    background: url(../images/wgt-date-round.png) no-repeat; }
    .wgt-date .arrow-select:hover .date-options {
      display: block; }

.layout-bottom {
  position: absolute;
  height: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0px 0px 28px 2px #aab3c3; }
  .layout-bottom .link-tabs {
    text-align: center; }
  .layout-bottom .tab {
    display: inline-block;
    vertical-align: top; }
    .layout-bottom .tab .button {
      display: inline-block;
      width: 310px;
      background: url(../images/btn/button1.png) no-repeat;
      height: 70px;
      text-align: center;
      line-height: 60px;
      font-size: 22px;
      color: #fff;
      margin-top: 10px; }
      .layout-bottom .tab .button:hover {
        background: url(../images/btn/button1-hover.png) no-repeat; }
    .layout-bottom .tab.tab-information .button {
      background: url(../images/btn/button2.png) no-repeat; }
      .layout-bottom .tab.tab-information .button:hover {
        background: url(../images/btn/button2-hover.png) no-repeat; }
    .layout-bottom .tab:hover .tab-list {
      display: block; }

.voice-control {
  max-height: 400px;
  overflow: auto; }
  .voice-control .voice-wrap {
    text-align: right; }
  .voice-control:hover {
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    z-index: 2018; }
    .voice-control:hover li {
      display: block; }
  .voice-control li {
    position: relative;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #eef0f3;
    display: none; }
    .voice-control li.first {
      display: block; }
    .voice-control li:hover {
      background: #f5faff; }
      .voice-control li:hover span, .voice-control li:hover .name {
        color: #000; }
  .voice-control .voice-box {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 4px;
    background: #e1e5f1;
    border-radius: 2px;
    position: relative;
    overflow: hidden; }
  .voice-control .voice-line {
    position: absolute;
    height: 100%;
    background: #3399ff;
    top: 0;
    width: 80%;
    max-width: 100%; }
  .voice-control .voice-info {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-left: 5px;
    width: 30px; }
    .voice-control .voice-info span {
      font-size: 14px;
      color: #aab3c3; }
  .voice-control .more {
    text-align: center; }
    .voice-control .more .btn {
      vertical-align: middle; }
  @media screen and (max-width: 1366px) {
    .voice-control {
      max-height: 400px; }
      .voice-control .voice-box {
        width: 80px; }
      .voice-control .name {
        padding: 0 140px 0 10px; }
      .voice-control .voice-info span {
        font-size: 12px; } }
  @media screen and (max-width: 1024px) {
    .voice-control .voice-box {
      width: 50px; }
    .voice-control .name {
      padding: 0 90px 0 10px; } }

.wgt-float-bar {
  position: fixed;
  right: 1%;
  bottom: 10%;
  z-index: 99; }
  .wgt-float-bar:hover .bar-nav {
    display: block; }
  .wgt-float-bar .bar-nav {
    display: none;
    position: absolute;
    right: 110%;
    bottom: 0;
    width: 125px;
    height: 300px;
    padding: 15px;
    background: url(../images/bg-bgi.png);
    border-radius: 3px; }
    .wgt-float-bar .bar-nav:after {
      content: '';
      position: absolute;
      left: 100%;
      bottom: 0;
      width: 6px;
      height: 48px;
      background: url(../images/floatbar-arrow.png) no-repeat; }
  .wgt-float-bar ul {
    font-size: 0; }
  .wgt-float-bar li {
    line-height: 1;
    margin-bottom: 14px; }
    .wgt-float-bar li i, .wgt-float-bar li a {
      display: inline-block;
      vertical-align: middle; }
    .wgt-float-bar li.last {
      margin-bottom: 0; }
  .wgt-float-bar a {
    font-size: 14px;
    color: #fff;
    padding-left: 5px; }

.wgt-prompt-box {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 5%;
  background: url(../images/bg-bgi1.png) repeat;
  border: 1px solid #f3b954;
  margin-top: -20px;
  line-height: 1;
  padding: 10px; }
  .wgt-prompt-box .box-row p {
    font-size: 14px;
    color: #996633;
    line-height: 2; }
  .wgt-prompt-box .box-row i, .wgt-prompt-box .box-row span, .wgt-prompt-box .box-row i + p {
    display: inline-block;
    vertical-align: middle; }
  .wgt-prompt-box .box-row span {
    font-size: 16px;
    color: #d38332; }
  .wgt-prompt-box .box-row i {
    margin-right: 5px; }
  .wgt-prompt-box .box-row span ~ p {
    padding-left: 20px; }
  .wgt-prompt-box .box-close {
    position: absolute;
    right: 2px;
    top: 0; }
    .wgt-prompt-box .box-close a {
      font-size: 20px;
      color: #d28231; }
  .wgt-prompt-box .box-btn {
    padding-left: 20px; }
  .wgt-prompt-box .btn6 {
    margin-left: 5px; }
  .wgt-prompt-box .morebtn {
    color: #d38332;
    display: block;
    text-align: right;
    padding: 0 10px;
    font-size: 14px; }

.wgt-null {
  width: 100%;
  height: 100%;
  min-height: 388px;
  text-align: center; }
  .wgt-null > * {
    display: inline-block;
    vertical-align: middle; }
  .wgt-null img {
    margin-top: 40px; }
  .wgt-null span {
    font-size: 18px;
    color: #3399ff;
    display: block;
    margin-top: 15px; }

#dropdown {
  float: right;
  margin-right: 5px;
  /* GLOBALS */
  /* No CSS3 support */
  /* No CSS3 support: none */ }
  #dropdown *,
  #dropdown *:after,
  #dropdown *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0; }
  #dropdown ::selection {
    background: transparent; }
  #dropdown ::-moz-selection {
    background: transparent; }
  #dropdown .wrapper-dropdown {
    /* Size and position */
    position: relative;
    width: 100px;
    margin: 0 auto;
    padding: 8px;
    /* Styles */
    background: #fff;
    border-radius: 20px;
    border: 0px solid rgba(0, 0, 0, 0.15);
    cursor: pointer;
    outline: none;
    /* Font settings */
    font-size: 14px;
    color: #8AA8BD; }
    #dropdown .wrapper-dropdown:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -3px;
      border-width: 6px 6px 0 6px;
      border-style: solid;
      border-color: #8aa8bd transparent; }
    #dropdown .wrapper-dropdown .dropdown {
      /* Size & position */
      position: absolute;
      top: 140%;
      left: 0;
      right: 0;
      z-index: 2018;
      /* Styles */
      background: white;
      border-radius: 10px;
      border: 1px solid rgba(0, 0, 0, 0.17);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      -webkit-transition: all 0.5s ease-in;
      -moz-transition: all 0.5s ease-in;
      -ms-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in;
      list-style: none;
      /* Hiding */
      opacity: 0;
      pointer-events: none; }
      #dropdown .wrapper-dropdown .dropdown:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        right: 15px;
        border-width: 0 6px 6px 6px;
        border-style: solid;
        border-color: #fff transparent; }
      #dropdown .wrapper-dropdown .dropdown:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        right: 13px;
        border-width: 0 8px 8px 8px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.1) transparent; }
      #dropdown .wrapper-dropdown .dropdown li a {
        display: block;
        padding: 0 10px;
        text-decoration: none;
        color: #8aa8bd;
        border-bottom: 1px solid #e6e8ea;
        box-shadow: inset 0 1px 0 white;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
      #dropdown .wrapper-dropdown .dropdown li:first-of-type a {
        border-radius: 7px 7px 0 0; }
      #dropdown .wrapper-dropdown .dropdown li:last-of-type a {
        border: none;
        border-radius: 0 0 7px 7px; }
      #dropdown .wrapper-dropdown .dropdown li:hover a {
        background: #f3f8f8; }
    #dropdown .wrapper-dropdown.active:after {
      border-width: 0px 6px 6px 6px;
      border-color: #3399ff transparent; }
    #dropdown .wrapper-dropdown.active .dropdown {
      opacity: 1;
      pointer-events: auto; }
  #dropdown .no-opacity .wrapper-dropdown-3 .dropdown,
  #dropdown .no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1;
    /* If opacity support but no pointer-events support */
    pointer-events: auto;
    /* If pointer-events support but no pointer-events support */ }
  #dropdown .no-opacity .wrapper-dropdown-3.active .dropdown,
  #dropdown .no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block; }
  #dropdown .wrapper-dropdown-3:focus .dropdown {
    opacity: 1;
    pointer-events: auto; }

.wgt-tax-management {
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -176px;
  margin-left: -352px; }
  .wgt-tax-management .container-tax {
    min-width: 152px;
    max-width: 552px;
    height: 352px;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
    .wgt-tax-management .container-tax.active .box {
      width: 150px;
      padding: 20px 15px;
      margin-right: 20px;
      transition: all .3s ease; }
    .wgt-tax-management .container-tax.active .tax-arrow {
      width: 0;
      transition: all .3s ease; }
  .wgt-tax-management .national-tax {
    background: url(../images/bg-blue.png) repeat; }
  .wgt-tax-management .land-tax {
    background: url(../images/bg-green.png) repeat; }
  .wgt-tax-management .con-top {
    height: 79px;
    line-height: 79px; }
    .wgt-tax-management .con-top .name {
      font-size: 26px;
      color: #fff; }
  .wgt-tax-management .con-bottom {
    height: 49px;
    line-height: 49px; }
    .wgt-tax-management .con-bottom .name i, .wgt-tax-management .con-bottom .name span {
      display: inline-block;
      vertical-align: middle; }
    .wgt-tax-management .con-bottom .name span {
      font-size: 14px;
      color: #fff;
      margin-left: 5px; }
  .wgt-tax-management .con-main {
    height: 222px;
    padding: 31px 30px; }
    .wgt-tax-management .con-main ul {
      display: inline-block;
      vertical-align: middle;
      font-size: 0; }
    .wgt-tax-management .con-main li {
      display: inline-block;
      vertical-align: middle; }
      .wgt-tax-management .con-main li.last {
        margin-right: 0 !important; }
    .wgt-tax-management .con-main .box {
      width: 0;
      padding: 0;
      margin-right: 0;
      transition: all .3s ease;
      height: 142px;
      border-radius: 5px;
      background: #e5fbff;
      overflow: hidden; }
      .wgt-tax-management .con-main .box span {
        display: block;
        font-size: 16px;
        color: #6b7484;
        line-height: 1;
        margin-bottom: 15px; }
      .wgt-tax-management .con-main .box a {
        display: block;
        line-height: 34px;
        border-radius: 5px;
        background: #fff;
        font-size: 14px;
        color: #3399ff;
        margin-bottom: 5px; }
        .wgt-tax-management .con-main .box a:hover {
          background: #3399ff;
          color: #fff; }
  .wgt-tax-management .tax-arrow {
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    width: 90px;
    transition: all .3s ease;
    height: 46px;
    height: 142px;
    margin: 0 auto;
    background: url(../images/tax-arrow.png) center no-repeat;
    background-position: center -142px; }
  .wgt-tax-management .land-tax .tax-arrow {
    background-position-y: 46px; }

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

.ly-body {
  overflow: hidden; }

.ly-container {
  font-size: 0;
  height: 100%; }

.ly-group-info {
  padding: 0;
  margin: 0; }
  .ly-group-info a {
    cursor: pointer; }
  .ly-group-info .form-table {
    background: #edeff4;
    padding: 30px;
    padding-top: 18px; }
  .ly-group-info .avatar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 36px;
    height: 36px;
    margin: 0 auto; }
    .ly-group-info .avatar img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .ly-group-info .avatar .img-wrap {
      z-index: 2; }
    .ly-group-info .avatar .img-user {
      z-index: 1; }
  .ly-group-info .role {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #2e323c;
    margin-left: 10px; }
  .ly-group-info .name {
    font-size: 14px;
    color: #6b7484; }
  .ly-group-info .class {
    font-size: 14px;
    color: #6b7484; }
  .ly-group-info .status {
    background: #fff2e5;
    font-size: 14px;
    color: #ebab6c;
    border-radius: 3px;
    text-align: center;
    width: 56px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle; }
    .ly-group-info .status.ok {
      color: #4fc855;
      background: #dbf9dd; }
    .ly-group-info .status + .status {
      margin-left: 10px; }
  .ly-group-info .ctrl {
    font-size: 14px; }
    .ly-group-info .ctrl .btn {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      color: #aab3c3;
      font-size: 14px;
      border-radius: 30px;
      width: 80px;
      height: 32px;
      line-height: 32px;
      border: 1px solid #aab3c3;
      padding: 0; }
      .ly-group-info .ctrl .btn:hover {
        color: #fff;
        background: #3399ff;
        border-color: #3399ff; }
      .ly-group-info .ctrl .btn + .btn {
        margin-left: 10px; }
  .ly-group-info .tabel {
    margin: 0 auto; }
  .ly-group-info th, .ly-group-info td {
    padding: 0;
    margin: 0; }
  .ly-group-info th {
    font-size: 14px;
    color: #a1adc3;
    line-height: 1;
    padding: 20px;
    font-weight: normal; }
  .ly-group-info td {
    background-color: #fff;
    font-size: 0;
    line-height: 1;
    padding: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ly-group-info td.first {
      background: #fff url(../images/td-left0.png) center left no-repeat; }
    .ly-group-info td.last {
      background: #fff url(../images/td-right0.png) center right no-repeat; }
    .ly-group-info td.null {
      background-color: transparent;
      padding: 5px; }
  .ly-group-info tbody {
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent;
    transition: all .2s ease; }
    .ly-group-info tbody tr:hover {
      border-radius: 30px;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
      transition: all .6s ease; }
  .ly-group-info .wgt-members {
    padding: 30px;
    background: #fff; }
    .ly-group-info .wgt-members .text {
      font-size: 14px;
      color: #aab3c3;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
    .ly-group-info .wgt-members .names {
      display: inline-block;
      vertical-align: middle;
      list-style: none; }
      .ly-group-info .wgt-members .names li {
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
        .ly-group-info .wgt-members .names li + li {
          margin-left: 10px; }
        .ly-group-info .wgt-members .names li:hover a {
          background-color: transparent;
          border: 1px solid #6b7484; }
      .ly-group-info .wgt-members .names a {
        display: block;
        font-size: 14px;
        color: #6b7484;
        width: 90px;
        height: 36px;
        line-height: 36px;
        background: #edeff4;
        border-radius: 18px; }
  .ly-group-info .unselect .role, .ly-group-info .unselect .name, .ly-group-info .unselect .class, .ly-group-info .unselect .ctrl {
    color: #aab3c3; }

.ly-role .ly-container {
  padding: 23px; }
.ly-role .role-tabs {
  width: 101%; }
  .ly-role .role-tabs li {
    width: 192px;
    height: 280px;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 20px; }
    .ly-role .role-tabs li:hover {
      border: 1px solid #3399ff; }
      .ly-role .role-tabs li:hover .post {
        color: #3399ff; }
      .ly-role .role-tabs li:hover .tick .icon-tick-blue {
        display: none; }
      .ly-role .role-tabs li:hover .tick .icon-tick-gray {
        display: block; }
    .ly-role .role-tabs li.current {
      border: 1px solid #3399ff; }
      .ly-role .role-tabs li.current .post {
        font-weight: 700;
        color: #3399ff; }
      .ly-role .role-tabs li.current .present {
        display: block; }
      .ly-role .role-tabs li.current .tick .icon-tick-blue {
        display: block; }
      .ly-role .role-tabs li.current .tick .icon-tick-gray {
        display: none; }
    .ly-role .role-tabs li.uncast {
      background: #fafcff; }
      .ly-role .role-tabs li.uncast .avatar {
        opacity: .7; }
      .ly-role .role-tabs li.uncast .post {
        color: #9dabbf; }
      .ly-role .role-tabs li.uncast .name span {
        display: none; }
      .ly-role .role-tabs li.uncast .name a {
        display: inline-block; }
    .ly-role .role-tabs li.last {
      margin-right: 0; }
    .ly-role .role-tabs li.closed .state .dot {
      background: #aab3c3; }
    .ly-role .role-tabs li.closed .state span {
      color: #aab3c3; }
  .ly-role .role-tabs .present {
    display: none;
    width: 40px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    background: #3399ff;
    color: #fff;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 12px; }
  .ly-role .role-tabs .avatar {
    position: relative;
    width: 120px;
    height: 150px;
    margin: 0 auto;
    padding-top: 30px;
    overflow: hidden; }
    .ly-role .role-tabs .avatar img {
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 30px; }
  .ly-role .role-tabs .tick {
    position: absolute;
    right: 10px;
    top: 12px; }
    .ly-role .role-tabs .tick .icon {
      display: none; }
  .ly-role .role-tabs .post {
    font-size: 16px;
    color: #2e323c;
    line-height: 1;
    padding: 20px 0 15px; }
  .ly-role .role-tabs .name {
    text-align: center; }
    .ly-role .role-tabs .name span {
      font-size: 14px;
      color: #9dabbf; }
    .ly-role .role-tabs .name a {
      display: none;
      margin: 0 auto; }
  .ly-role .role-tabs .state {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #f7f9ff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .ly-role .role-tabs .state .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #2eb66e;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
    .ly-role .role-tabs .state span {
      font-size: 14px;
      color: #2eb66e;
      display: inline-block;
      vertical-align: middle; }
.ly-role .O .avatar img {
  top: 0;
  clip: rect(0px 120px 120px 0px); }
.ly-role .C .avatar img {
  top: -120px;
  clip: rect(120px 120px 240px 0px); }
.ly-role .A .avatar img {
  top: -240px;
  clip: rect(240px 120px 360px 0px); }
.ly-role .G .avatar img {
  top: -360px;
  clip: rect(360px 120px 480px 0px); }
.ly-role .M .avatar img {
  top: -480px;
  clip: rect(480px 120px 600px 0px); }

.ly-batches {
  height: 100%;
  overflow: hidden; }

.ly-records {
  padding: 20px; }

.wgt-tab-scroll i {
  font-style: normal; }
.wgt-tab-scroll ul {
  font-size: 0;
  padding: 0 30px;
  width: 920px;
  white-space: nowrap; }
.wgt-tab-scroll li {
  display: inline-block;
  vertical-align: middle; }
.wgt-tab-scroll .box-span {
  text-align: center;
  font-size: 14px;
  color: #6b7484;
  padding: 29px 0; }
.wgt-tab-scroll li {
  width: 293px;
  height: 300px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: #fff;
  overflow: hidden; }
  .wgt-tab-scroll li:hover {
    border-color: #3399ff; }
    .wgt-tab-scroll li:hover .dd-name {
      color: #3399ff; }
.wgt-tab-scroll .dd-row + .dd-row {
  padding: 0 20px; }
.wgt-tab-scroll .dd-name {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #f7f9ff;
  font-size: 16px;
  text-align: center;
  color: #2e323c;
  font-weight: 700; }
.wgt-tab-scroll .dd-label {
  font-size: 14px;
  color: #aab3c3;
  width: 100px;
  margin-right: -100px;
  text-align: right;
  padding: 0 10px; }
.wgt-tab-scroll .dd-con {
  width: 100%;
  padding-left: 100px; }
.wgt-tab-scroll .dd-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #7d8491; }
.wgt-tab-scroll .dd-group {
  padding: 15px 0; }
  .wgt-tab-scroll .dd-group .dd-label, .wgt-tab-scroll .dd-group .dd-con {
    display: inline-block;
    vertical-align: top; }
.wgt-tab-scroll .tag {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px; }
  .wgt-tab-scroll .tag.green {
    color: #4fc855;
    background: #dbf9dd; }
  .wgt-tab-scroll .tag.red {
    color: #f68471;
    background: #ffe5e5; }
.wgt-tab-scroll .dd-box .tag, .wgt-tab-scroll .dd-box .dd-span {
  display: inline-block;
  vertical-align: middle; }
.wgt-tab-scroll .dd-box .tag + .dd-span {
  margin-left: 5px; }
.wgt-tab-scroll .dd-group + .dd-group {
  border-top: 1px dashed #e6eaf1; }
.wgt-tab-scroll .form-pagination {
  padding-top: 30px; }
.wgt-tab-scroll .bx-wrapper {
  width: 926px;
  margin: 0 auto;
  margin-bottom: 0;
  background: none;
  box-shadow: none;
  border: 0; }

.page {
  *zoom: 1; }
  .page:before, .page:after {
    content: " ";
    display: table; }
  .page:after {
    clear: both; }
  .page .pagination {
    *zoom: 1;
    text-align: center;
    margin: 20px 0; }
    .page .pagination:before, .page .pagination:after {
      content: " ";
      display: table; }
    .page .pagination:after {
      clear: both; }
    .page .pagination > li {
      display: inline-block;
      vertical-align: middle; }
      .page .pagination > li > a {
        border-width: 1px;
        border-color: #d4dfe3;
        border-radius: 0 !important;
        color: #6b7484;
        background-color: #fff;
        margin: 0 -1px 0 0;
        position: relative;
        z-index: auto;
        float: left;
        padding: 6px 12px;
        line-height: 1.43;
        border: 1px solid #ddd;
        font-size: 12px; }
        .page .pagination > li > a:hover {
          color: #fff;
          background-color: #3399ff;
          border-color: #3399ff;
          z-index: 1; }
      .page .pagination > li.active a,
      .page .pagination > li.active a:hover,
      .page .pagination > li.active a:focus {
        background-color: #3399ff;
        border-color: #3399ff;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        z-index: 2; }
      .page .pagination > li.disabled {
        background-color: #f9f9f9;
        border-color: #d9d9d9;
        z-index: auto; }
        .page .pagination > li.disabled a,
        .page .pagination > li.disabled a:hover {
          color: #6b7484;
          background-color: #f9f9f9;
          border-color: #d9d9d9;
          z-index: auto;
          cursor: not-allowed; }
    .page .pagination .page-other {
      padding-left: 10px;
      color: #828d9f;
      font-size: 14px; }
      .page .pagination .page-other .go-page {
        width: 38px;
        height: 28px;
        text-align: center;
        border: 1px solid #d5dbe7;
        outline: none;
        line-height: 22px;
        margin: 3px 5px;
        border-radius: 2px; }

.ly-container-info {
  margin-bottom: 20px;
  *zoom: 1; }
  .ly-container-info:before, .ly-container-info:after {
    content: " ";
    display: table; }
  .ly-container-info:after {
    clear: both; }
  .ly-container-info .info-box {
    *zoom: 1; }
    .ly-container-info .info-box:before, .ly-container-info .info-box:after {
      content: " ";
      display: table; }
    .ly-container-info .info-box:after {
      clear: both; }
  .ly-container-info .title {
    color: #666;
    font-size: 18px; }
  .ly-container-info .info-desc {
    float: left;
    width: 33%;
    border-left: 1px solid #ccc;
    padding-left: 30px;
    min-height: 125px; }
    .ly-container-info .info-desc.no-border {
      border: none; }
    .ly-container-info .info-desc ul {
      padding-top: 20px; }
  .ly-container-info .long {
    display: inline-block;
    width: 150px;
    text-align: right;
    color: #666; }
  .ly-container-info .short {
    display: inline-block;
    width: 50px;
    text-align: right;
    color: #666; }

.product-wrap {
  font-size: 14px;
  clear: both;
  overflow: hidden;
  margin-left: 4px;
  margin-right: -15px; }

.pro-list {
  width: 48%;
  float: left;
  margin-right: 16px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  box-shadow: 0px 3px 6px 1px #f0f2f8; }

.pro-list:hover {
  border-color: #33aaff; }

.pro-title {
  color: #2e323c;
  padding: 16px 10px 16px 50px;
  background: #f7f9ff url("../images/product-icon.png") no-repeat 12px 15px;
  border-bottom: 1px solid #ebeffc; }

.pro-title .title {
  font-size: 16px;
  font-weight: bold; }

.pro-title .sub-title {
  font-size: 14px;
  color: #aab3c3;
  font-weight: normal; }

.pro-material {
  padding: 10px;
  color: #7d8491;
  border-bottom: 1px solid #ebeffc; }

.pro-do {
  text-align: center;
  background: #f7f9ff; }

.pro-do .pro-btn {
  display: block;
  text-align: center;
  padding: 15px 0;
  color: #3399ff;
  font-size: 16px; }

.pro-list:hover .pro-do {
  background: #33aaff; }

.pro-list:hover .pro-do a {
  color: #fff; }

.pro-list .m-title {
  display: inline-block;
  font-size: 14px;
  color: #aab3c3;
  border-bottom: 1px dotted #e6eaf1; }

/*
   -webkit-scrollbar 全局滚动条
*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

/*# sourceMappingURL=evc-homepage.css.map */


/* 学生实训数据预览页面用 by Young.Chan @20190213 */
.printButton {
    position: absolute;
    right: 20px;
    text-align: center;
    color: #3399ff;
    border: 1px solid #3399ff;
    border-radius: 2px;
    padding: 4px 12px;
    background-color: #fff;
    outline: none;
    cursor: pointer;
    margin-left: 15px;
    z-index: 999;
    font-size: 12px;
    line-height: 12px;
}