@charset "UTF-8";
/**
 * 规范定义
 */
/**
 * 变量定义
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

* {
  outline: none; }

html, body {
  font-size: 12px;
  color: #000000;
  font-family: "Microsoft YaHei";
  font-style: normal;
  font-weight: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

img, fieldset {
  border: none;
  display: block; }

dl, dt, dd, ol, ul, li {
  list-style: none; }

a {
  border: none;
  cursor: pointer;
  outline: none;
  color: #222222;
  text-decoration: none; }
  a:focus {
    outline: 0; }
  a:visited {
    text-decoration: none; }

table {
  border-spacing: 0;
  border-collapse: collapse;
  border: 0; }

button, input, select, textarea {
  font-size: 100%;
  outline: none; }

input[type="submit"], input[type="button"] {
  cursor: pointer; }

button {
  cursor: pointer; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

em, i {
  font-style: normal;
  font-weight: normal; }

textarea {
  overflow: hidden;
  /**
   * ie8以下暂未实现
   */ }

article, aside, dialog, footer, header, section, nav, figure, menu {
  display: block; }

h1 {
  font-size: 40px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 16px; }

@font-face {
  font-family: "iconfont";
  src: url("../../../../iconfont/iconfont.eot");
  /* IE9*/
  src: url("../../../../iconfont/iconfont.eot?#iefix") format("embedded-opentype"), url("../../../../iconfont/iconfont.woff?") format("woff"), url("../../../../iconfont/iconfont.ttf?") format("truetype"), url("../../../../iconfont/iconfont.svg?#iconfont") format("svg");
  /* iOS 4.1- */ }
.container {
  padding: 0px 10px 10px 10px; }

body {
  width: 100%;
  height: 100%;
  background-color: #ebebeb;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.modal-container {
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box; }
  .modal-container .toolBar-wrap {
    padding: 0; }
  .modal-container .search-wrap {
    padding: 0; }
  .modal-container.mod-mini {
    width: 200px;
    height: 200px; }
  .modal-container.mod-base {
    width: 300px;
    height: 200px; }
  .modal-container.mod-xm {
    width: 800px;
    height: 150px; }
  .modal-container.mod-sm {
    width: 400px;
    height: 300px; }
  .modal-container.mod-m {
    width: 800px;
    height: 350px; }
  .modal-container.mod-lg {
    width: 1000px;
    height: 200px; }
  .modal-container.mod-sp {
    width: 1200px;
    height: 700px; }

/**
 * 变量定义
 */
/**
 * 定义全局混合宏
 */
/**
 * 变量定义
 */
/**
 * [设置元素圆角大小]
 * @param  {[字符串]} $border-radius [圆角大小]
 */
/**
 *设置元素的阴影
 */
/**
 * [transition-time 动作时间]
 * @param  {[string]} $time:0.25s [动作时间]
 */
/**
 * [move 元素移动效果]
 * @param  {[number]} $s1:0 [x轴位移]
 * @param  {[number]} $s2:0 [y轴位移]
 */
/**
 * [middle-center 元素垂直居中]
 * @return {[type]} [description]
 */
/**
 * 过渡设置
 * @param  $transition... 过渡样式设置
 */
/**
 * 背面是否可见
 * @param  $visible 背面是否可见设置
 */
/**
 * 设置动画名称
 * @param  $name 动画名称
 */
/**
 * 设置动画的速度曲线
 * @param  $ease-out 默认,动画以低速开始，然后加快，在结束前变慢
 */
/**
 * [ell 溢出隐藏]
 * 本例实现的是单行文本溢出隐藏方式，暂未实现多行文本溢出隐藏出现省略号
 * @param  {[布尔型]} $hidden:true [隐藏方式, true:直接隐藏，false:隐藏有省略号，默认值为true]
 */
/**
 * [动画元素绑定]
 * @param  {[字符串]} $aniName [规定需要绑定到选择器的 keyframe 名称]
 */
/**
 * [动画延迟时间]
 * @param  {[字符串]} $time [延迟时间]
 */
/**
 * [旋转角度]
 * @param  {[字符串]} $transform [角度]
 */
/**
 * [旋转基点位置]
 * @param  {[列表类型]} $origin [中心点]
 */
/**
 * [元素水平居中]
 * @param  {[字符串]} $width [元素的宽度]
 */
/**
 * [过度样式设置]
 * @param  {[type]} $transition... [description]
 * @return {[type]}                [description]
 */
/**
 * [清除浮动]
 */
/**
 * [禁止选中文本元素]
 * @param  {[字符串]} $select:none [默认禁止选中文本]
 */
/**
 * [设置透明度]
 * @param  {[数值型]} $opacity [不透明度]
 */
/**
 * 鼠标与按钮点击的变化
 */
/**
 * 禁用颜色
 */
/**
* 设置flex项的比例
*/
/**
* 设置flex项的比例
*/
/**
 * [arrow 三角形箭头]
 * @param  {[type]} $direction [上下左右箭头方向]
 * @param  {[type]} $size      [箭头大小]
 * @param  {[type]} $color     [箭头背景色]
 */
/** 绘制三角形
 * @param {String} $position 
 * @param {Number} $caret-width 三角形外宽度
 * @param {Number} $border-width 三角形内宽度
 * @param {String} $direction 三角形方向
 * @param {String} $border-color 边框颜色
 * @param {String} $background-color 背景颜色
 * @example
 * //SCSS
 * .caret{
 *   @include caret(absolute,50px,1px,bottom,red,#ccc);
 * }
 * //CSS
 * .caret {
 *    position: absolute;
 * }
 * .caret:before, .caret:after {
 *   content: "";
 * `position: absolute;
 * }
 * .caret:before {
 *  top: 0;
 *  left: 0;
 *  border-top: 50px solid red;
 *  border-left: 50px solid transparent;
 *  border-right: 50px solid transparent;
 * }
 * .caret:after {
 *  left: 1px;
 *  top: 0;
 *  border-top: 49px solid #ccc;
 *  border-left: 49px solid transparent;
 *  border-right: 49px solid transparent;
 * }
 **/
/**
 * 定义全局函数
 */
/**
 * 变量定义
 */
/**
 * 适用于边框颜色等场景
 */
/**
 * 定义公用占位符
 */
/**
 * 变量定义
 */
/**
 * [支持IE8以下兼容inline-block属性值]
 */
body .login-content .login-right .login .logo img, body .login-content form .login .logo img {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * [定义文本缩进]
 */
/**
 * [定义并排块显示]
 */
body .login-content .login-right .sidebar, body .login-content form .sidebar, body .login-content .login-right .sidebar li.download .codedownload span, body .login-content form .sidebar li.download .codedownload span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/**
* [定义弹性布局]
*/
/**
 * [iconfont模块]
 */
/*适配ipad pro*/
@media screen and (max-width: 1024px) {
  body {
    background-repeat: repeat !important; }

  body .login-content .login-left .animationbox .left-picbg {
    left: 6% !important; }

  body .login-content .login-left .animationbox .left-pic {
    left: 35% !important; }

  body .page-container .page-right {
    padding-top: 50px !important; }

  body .page-container .page-right .page-tab-container {
    display: none !important; }

  body .page-container .page-right .nav-wrap ul li > a > span {
    display: none !important; } }
/*适配ipad*/
@media screen and (max-width: 768px) {
  body .login-content .login-left {
    display: none !important; }

  body .login-content .login-right {
    width: 100% !important; }

  body .login-content {
    height: 100% !important;
    top: 0 !important;
    margin-top: 0 !important; }

  body .login-content .login-right, form {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important; }

  body .login-content .login-right .login {
    width: auto !important;
    max-width: 400px !important;
    position: relative !important;
    left: auto !important;
    top: 50% !important;
    margin: 0 auto !important;
    height: 480px !important;
    margin-top: -275px !important; }

  body .page-container .page-right {
    padding-top: 50px !important; }

  body .page-container .page-right .page-tab-container {
    display: none !important; }

  body .login-content .login-right .sidebar li.download .codedownload, body .login-content form .sidebar li.download .codedownload {
    bottom: 110px !important; }

  body .login-content .login-right .sidebar li.download .codedownload .code.weixin, body .login-content form .sidebar li.download .codedownload .code.weixin {
    margin-left: 66px !important; }

  body .page-container .page-right .page-iframe-container .page-iframe .container .window-wrap .box .col4 {
    width: 100% !important;
    float: initial !important; }

  body .page-container .page-right .page-iframe-container .page-iframe .container .window-wrap .box .col4 + .col4 {
    border-top: 1px solid #dddddd !important; }

  body .page-container .page-right .page-iframe-container .page-iframe .container.left-wrap {
    width: 100% !important;
    float: initial !important; }

  body .page-container .page-right .page-iframe-container .page-iframe .container.right-wrap {
    width: 100% !important;
    float: initial !important; }

  body .page-container .page-right .nav-wrap ul li > a > span {
    display: none !important; } }
@media screen and (max-width: 320px) {
  body .login-content .login-left {
    display: none !important; }

  body .login-content .login-right {
    width: 100% !important; }

  body .login-content {
    height: 100% !important;
    top: 0 !important;
    margin-top: 0 !important; }

  body .login-content .login-right, form {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important; }

  body .login-content .login-right .login {
    width: auto !important;
    max-width: 400px !important;
    position: relative !important;
    left: auto !important;
    top: 50% !important;
    margin: 0 auto !important;
    height: 480px !important;
    margin-top: -275px !important; }

  body .page-container .page-right {
    padding-top: 50px !important; }

  body .page-container .page-right .page-tab-container {
    display: none !important; }

  body .login-content .login-right .sidebar li.download .codedownload, body .login-content form .sidebar li.download .codedownload {
    bottom: 110px !important; }

  body .login-content .login-right .sidebar li.download .codedownload .code.weixin, body .login-content form .sidebar li.download .codedownload .code.weixin {
    margin-left: 33px !important; } }
body {
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  body .background-pic {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1; }
    body .background-pic img {
      position: fixed;
      width: 100%;
      height: 100%; }
  body .login-content {
    position: relative;
    height: 600px;
    width: 100%;
    position: relative;
    top: 50%;
    margin-top: -300px;
    font-size: 0; }
    body .login-content .login-left {
      height: 100%;
      width: 50%;
      display: inline-block;
      position: relative; }
      body .login-content .login-left .animationbox {
        position: absolute;
        overflow: hidden;
        height: 100%;
        width: 100%; }
        body .login-content .login-left .animationbox .left-picbg {
          position: absolute;
          top: 0;
          left: 28%;
          width: 600px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          -o-user-select: none;
          user-select: none; }
        body .login-content .login-left .animationbox .left-pic {
          position: absolute;
          left: 45%;
          top: 25%;
          height: 35%;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          -o-user-select: none;
          user-select: none; }
    body .login-content .login-right, body .login-content form {
      display: inline-block;
      height: 100%;
      width: 50%;
      position: relative; }
      body .login-content .login-right .login, body .login-content form .login {
        width: 400px;
        position: absolute;
        top: 5%;
        left: 12%;
        padding-bottom: 36px;
        background-color: rgba(255, 255, 255, 0.2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); }
        body .login-content .login-right .login .loginOn-borderTop, body .login-content form .login .loginOn-borderTop {
          height: 5px;
          width: 100%;
          background: url("/images/common/LoginOn/colorbar.png");
          background-size: cover; }
        body .login-content .login-right .login .switchLogin, body .login-content form .login .switchLogin {
          width: 100%;
          text-align: right;
          padding: 5px;
          position: absolute;
          box-sizing: border-box; }
          body .login-content .login-right .login .switchLogin img, body .login-content form .login .switchLogin img {
            height: 30px;
            cursor: pointer; }
        body .login-content .login-right .login .logo, body .login-content form .login .logo {
          width: 100%;
          padding: 10px;
          box-sizing: border-box;
          text-align: center; }
          body .login-content .login-right .login .logo img, body .login-content form .login .logo img {
            width: 150px;
            height: 50px;
            padding-top: 40px; }
        body .login-content .login-right .login span, body .login-content form .login span {
          display: block;
          padding: 10px 0;
          width: 100%;
          font-size: 20px;
          color: #ffffff;
          text-align: center; }
        body .login-content .login-right .login .inputfields, body .login-content form .login .inputfields {
          width: 100%;
          padding: 20px 40px 0 40px;
          box-sizing: border-box; }
          body .login-content .login-right .login .inputfields input[type=text], body .login-content .login-right .login .inputfields input[type=password], body .login-content form .login .inputfields input[type=text], body .login-content form .login .inputfields input[type=password] {
            width: 100%;
            margin: 10px 0;
            height: 42px;
            line-height: 32px;
            padding: 5px 10px;
            background-color: #ffffff;
            box-sizing: border-box;
            -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
            outline: none;
            border-radius: 0;
            border: none;
            font-size: 14px; }
            body .login-content .login-right .login .inputfields input[type=text]:focus, body .login-content .login-right .login .inputfields input[type=password]:focus, body .login-content form .login .inputfields input[type=text]:focus, body .login-content form .login .inputfields input[type=password]:focus {
              border: none; }
            body .login-content .login-right .login .inputfields input[type=text]:hover, body .login-content .login-right .login .inputfields input[type=password]:hover, body .login-content form .login .inputfields input[type=text]:hover, body .login-content form .login .inputfields input[type=password]:hover {
              -webkit-transition: border-color 0.4s ease-in;
              -moz-transition: border-color 0.4s ease-in;
              -o-transition: border-color 0.4s ease-in;
              transition: border-color 0.4s ease-in; }
          body .login-content .login-right .login .inputfields label, body .login-content form .login .inputfields label {
            position: relative; }
            body .login-content .login-right .login .inputfields label img, body .login-content form .login .inputfields label img {
              position: absolute;
              left: -225px;
              top: 45px;
              background-color: transparent; }
          body .login-content .login-right .login .inputfields input[type=submit], body .login-content form .login .inputfields input[type=submit] {
            width: 100%;
            height: 40px;
            margin: 10px 0;
            background-color: #006eb6;
            border: none;
            color: #ffffff;
            font-size: 14px;
            -webkit-appearance: none;
            border-radius: 0; }
            body .login-content .login-right .login .inputfields input[type=submit]:hover, body .login-content form .login .inputfields input[type=submit]:hover {
              background-color: #1da6ff;
              -webkit-transition: background-color 0.4s ease-in;
              -moz-transition: background-color 0.4s ease-in;
              -o-transition: background-color 0.4s ease-in;
              transition: background-color 0.4s ease-in; }
            body .login-content .login-right .login .inputfields input[type=submit].disabled, body .login-content form .login .inputfields input[type=submit].disabled {
              cursor: not-allowed;
              background-color: rgba(235, 235, 235, 0.2); }
          body .login-content .login-right .login .inputfields .forget_password, body .login-content form .login .inputfields .forget_password {
            padding: 0;
            text-align: left; }
            body .login-content .login-right .login .inputfields .forget_password a, body .login-content form .login .inputfields .forget_password a {
              font-size: 12px;
              color: #dddddd; }
              body .login-content .login-right .login .inputfields .forget_password a:hover, body .login-content form .login .inputfields .forget_password a:hover {
                color: #ffffff; }
      body .login-content .login-right .sidebar, body .login-content form .sidebar {
        *height: 1%;
        padding: 0 40px; }
        body .login-content .login-right .sidebar:after, body .login-content form .sidebar:after {
          clear: both;
          content: '';
          display: block;
          height: 0;
          line-height: 0;
          overflow: hidden;
          visibility: hidden; }
        body .login-content .login-right .sidebar li, body .login-content form .sidebar li {
          float: right;
          cursor: pointer; }
          body .login-content .login-right .sidebar li a, body .login-content form .sidebar li a {
            position: relative;
            margin-left: 8px;
            font-size: 12px;
            color: #dddddd;
            text-decoration: underline; }
            body .login-content .login-right .sidebar li a:hover, body .login-content form .sidebar li a:hover {
              color: #ffffff; }
          body .login-content .login-right .sidebar li.download a, body .login-content form .sidebar li.download a {
            text-decoration: none; }
          body .login-content .login-right .sidebar li.download .codedownload, body .login-content form .sidebar li.download .codedownload {
            position: absolute;
            display: none;
            width: 100%;
            right: 0;
            bottom: 35px; }
            body .login-content .login-right .sidebar li.download .codedownload span, body .login-content form .sidebar li.download .codedownload span {
              padding: 10px 20px;
              font-weight: bold;
              font-size: 14px;
              text-align: center;
              width: 100%; }
            body .login-content .login-right .sidebar li.download .codedownload .code, body .login-content form .sidebar li.download .codedownload .code {
              text-align: center;
              width: 110px;
              height: 110px;
              margin: 10px 0 65px 0;
              border: 5px solid #b2b5be;
              float: left;
              line-height: 250px;
              font-size: 12px;
              color: #dddddd;
              background-size: 110px 110px; }
              body .login-content .login-right .sidebar li.download .codedownload .code.weixin, body .login-content form .sidebar li.download .codedownload .code.weixin {
                margin-left: 84px;
                background: url(/Content/Css/Login/images/wtime-coho-android.png) no-repeat center 0px; }
              body .login-content .login-right .sidebar li.download .codedownload .code.android, body .login-content form .sidebar li.download .codedownload .code.android {
                margin-left: 20px;
                background: url(/Content/Css/Login/images/wtime-coho-ios.png) no-repeat center 0px; }
          body .login-content .login-right .sidebar li.download:hover a:after, body .login-content form .sidebar li.download:hover a:after {
            content: "";
            display: block;
            position: absolute;
            border-bottom: solid 2px #006eb6;
            margin-top: -1px;
            height: 0;
            width: 100%;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 1;
            color: #ffffff; }
  body .foot {
    position: fixed;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.1); }
    body .foot span {
      font-size: 12px;
      color: #ffffff; }
      body .foot span a {
        text-decoration: none;
        color: #006eb6; }
        body .foot span a:hover {
          color: #1da6ff; }

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