/* Namespaced CSS for import into other projects: all classes prefixed with ip-; no body/html selectors */

/* Root namespace replaces global body/html styles */
.ip-root{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;min-height:100vh;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}

.ip-body{min-height:48px}

.ip-box{background-color:#fff;border-radius:6px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;display:block;padding:1.25rem}

.ip-columns{
  /* 基础 flex 布局 */
  flex-flow:row wrap;
  display:flex;
  
  /* 间距和对齐 */
  padding: 1.5rem 1rem;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  
  /* 容器宽度 */
  max-width:1344px;
}

/* 子元素间距规则 */
.ip-columns:last-child{margin-bottom:-.75rem}
.ip-columns:not(:last-child){margin-bottom:calc(1.5rem - .75rem)}

/* 基础列样式 */
.ip-column{
  display:block;
  flex-grow:1;
  flex-shrink:1;
  padding:.75rem;
}

/* 容器通用样式 */
.ip-container{
  flex-grow:1;
  margin:0 auto;
  position:relative;
  width:auto
}

/* 子元素样式 */
/* 移动端适配 */
@media screen and (min-width:768px){
  .ip-column{
	width: 33%;
	}
}
@media screen and (max-width:768px){
  .ip-columns{
    margin:0;
    display:flex;
    flex-flow:row wrap
  }
  .ip-column{
    flex-basis:auto
  }
  .ip-column:not(:last-child){
    margin-bottom:1rem
  }
}

.ip-sk-text-center{text-align:center!important}
.ip-sk-text-bold{font-weight:700}
.ip-sk-text-small,.ip-small{font-size:.85em;opacity:.85}
.ip-sk-mb-1{margin-bottom:4px!important}
.ip-sk-my-2{background-color:#f5f5f5;border:none;display:block;height:2px;}
.ip-sk-text-error{color:#e85600}
.ip-sk-text-success{color:#32b643}
.ip-sk-text-error:focus,.ip-sk-text-error:hover{color:#cf4d00}
.ip-sk-text-success:focus,.ip-sk-text-success:hover{color:#2da23c}

/* Composite / convenience classes */
.ip-title{text-align:center;font-weight:700;color:#4a4a4a;font-size:1.25rem;line-height:1.25;margin:auto auto 0.5em auto}
.ip-title.small{margin-bottom:4px}
.ip-subtext{text-align:center;font-size:.85em;opacity:.45;margin:0}

.ip-title::before{content:"" !important;}