@charset "UTF-8";
/*!
 * Ssm Framework
 * A powerful framework for building mobile and progressive web apps.
 * http://www.bc8.com.cn/
 *
 * v0 0.1, default Theme
 *
 * Licensed under the MIT license. Please see LICENSE for more information.
 */
/*风格主色调*/
/*情景色*/
/*=====情绪色===*/
/*积极的*/
/*稳定的*/
/*平静的*/
/*平衡的*/
/*激励的*/
/*自信的*/
/*高贵的*/
/*灰度*/
/*黑色主颜色*/
/*颜色主要色调*/
/*颜色次要色调*/
/*颜色淡色调*/
/*category-fl*/
/*页面导航条*/
/*块区域*/
.sui-modal {
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict; }

.sui-modal-wrapper {
  z-index: 10;
  height: 100%;
  contain: strict;
  position: relative; }
  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .sui-modal-wrapper {
      left: -webkit-calc(50% - (600px/2));
      left: calc(50% - (600px/2));
      top: -webkit-calc(50% - (500px/2));
      top: calc(50% - (500px/2));
      position: absolute;
      width: 600px;
      height: 500px; } }
  @media only screen and (min-width: 768px) and (min-height: 768px) {
    .sui-modal-wrapper {
      left: -webkit-calc(50% - (600px/2));
      left: calc(50% - (600px/2));
      top: -webkit-calc(50% - (600px/2));
      top: calc(50% - (600px/2));
      position: absolute;
      width: 600px;
      height: 600px; } }