.jinyang.smui {
  /*线性渐变*/
  /*交互效果*/
  /*定义可交互组件*/
}
.jinyang.smui .gradient {
  background: linear-gradient(#FFF, #ebebeb);
}
.jinyang.smui .interactive {
  border-radius: 2px;
  border: 1px solid #CCC;
}
.jinyang.smui .interactive:hover {
  border: 1px solid #2bbc89;
}
.jinyang.smui .drop-list,
.jinyang.smui .select-wrapper select .drop-list,
.jinyang.smui .date-picker {
  background: linear-gradient(#FFF, #ebebeb);
  border-radius: 2px;
  border: 1px solid #CCC;
}
.jinyang.smui .drop-list:hover,
.jinyang.smui .select-wrapper select .drop-list:hover,
.jinyang.smui .date-picker:hover {
  border: 1px solid #2bbc89;
}
.jinyang.smui button,
.jinyang.smui .button {
  background: linear-gradient(#FFF, #ebebeb);
  border-radius: 2px;
  border: 1px solid #CCC;
  /* .primary for highlight of focused */
  /* .plain for unfocus of discard*/
}
.jinyang.smui button:hover,
.jinyang.smui .button:hover {
  border: 1px solid #2bbc89;
}
.jinyang.smui button.primary,
.jinyang.smui .button.primary {
  background-color: #2185D0;
}
.jinyang.smui button.primary:hover,
.jinyang.smui .button.primary:hover {
  background-color: #1678c2;
  color: #2bbc89;
  box-shadow: none;
}
.jinyang.smui button.plain,
.jinyang.smui .button.plain {
  border: none;
  background: none;
}
.jinyang.smui button:disabled,
.jinyang.smui .button:disabled,
.jinyang.smui button.disabled,
.jinyang.smui .button.disabled {
  border: 1px solid #c8c8c8;
  background: #ebebeb;
  color: #999;
}
.jinyang.smui button:disabled:hover,
.jinyang.smui .button:disabled:hover,
.jinyang.smui button.disabled:hover,
.jinyang.smui .button.disabled:hover {
  border: 1px solid #c8c8c8;
  background: #ebebeb;
}
.jinyang.smui .dialog {
  border-radius: 4px;
}
.jinyang.smui .dialog .header {
  border-radius: 4px 4px 0 0;
}
.jinyang.smui .pagination {
  background: linear-gradient(#FFF, #ebebeb);
}
.jinyang.smui .pagination .item:first-child {
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.jinyang.smui .pagination .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.jinyang.smui .pagination .item:hover,
.jinyang.smui .pagination .active.item {
  box-shadow: none;
  background: linear-gradient(#ebebeb, #FFF);
}
.jinyang.smui .pagination .item.disabled,
.jinyang.smui .pagination .item.disabled:hover {
  cursor: default;
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3);
}
.jinyang.smui input[type="checkbox"],
.jinyang.smui input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background: url("//image.uc.cn/s/uae/g/2p/smui/dist/checked.png");
  background-size: 60px;
  background-clip: content-box;
}
.jinyang.smui input[type="checkbox"] {
  background-position: -15px 0;
}
.jinyang.smui input[type="checkbox"]:checked {
  background-position: 0px 0;
}
.jinyang.smui input[type="checkbox"]:disabled {
  background-position: -30px 0;
}
.jinyang.smui input[type="checkbox"]:indeterminate {
  background-position: -45px 0;
}
.jinyang.smui input[type="radio"] {
  background-position: -14px -15px;
}
.jinyang.smui input[type="radio"]:checked {
  background-position: 1px -15px;
}
.jinyang.smui input[type="radio"]:disabled {
  background-position: -29px -15px;
}
/**
 * 日历组件样式定制
 */
.jinyang.smui .calendar td.valid {
  color: #2bbc89;
  font-size: 12px;
}
.jinyang.smui .calendar td.selected {
  color: #FFF;
  background-color: #2bbc89;
  font-size: 12px;
}
.jinyang.smui .calendar .month-item.selected,
.jinyang.smui .calendar .month-item:hover {
  background-color: #2bbc89;
  color: #FFF;
}
.jinyang.smui .calendar .month-select > i:hover {
  color: #2bbc89;
}
.jinyang.smui .date-picker .range-type a:hover,
.jinyang.smui .date-picker .range-type .active {
  color: #2bbc89;
}
.jinyang.smui .date-picker .sm-calender {
  color: #333;
}
.jinyang.smui .date-picker .date-input {
  background-color: #FFF;
}
.semantic.smui {
  /*线性渐变*/
  /*交互效果*/
  /*定义可交互组件*/
}
.semantic.smui .gradient {
  background: linear-gradient(#FFF, rgba(0, 0, 0, 0.05));
}
.semantic.smui .interactive {
  border-radius: 2px;
  border: 1px solid #CCC;
}
.semantic.smui .interactive:hover {
  border: 1px solid rgba(33, 150, 243, 0.9);
}
.semantic.smui .command-list,
.semantic.smui .drop-list,
.semantic.smui .date-picker {
  background: linear-gradient(#FFF, rgba(0, 0, 0, 0.05));
  border-radius: 2px;
  border: 1px solid #CCC;
}
.semantic.smui .command-list:hover,
.semantic.smui .drop-list:hover,
.semantic.smui .date-picker:hover {
  border: 1px solid rgba(33, 150, 243, 0.9);
}
.semantic.smui button,
.semantic.smui .button {
  border-radius: .25rem;
  background-color: #E0E1E2;
  text-shadow: none;
  border: none;
  background-image: none;
  /* .primary for highlight of focused */
  /* .plain for unfocus of discard*/
}
.semantic.smui button:hover,
.semantic.smui .button:hover,
.semantic.smui button.active,
.semantic.smui .button.active {
  background-color: #CACBCD;
  background-image: none;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
  border: none;
}
.semantic.smui button.primary,
.semantic.smui .button.primary {
  background-color: rgba(33, 150, 243, 0.9);
  color: #FFF;
  border: none;
}
.semantic.smui button.primary:hover,
.semantic.smui .button.primary:hover {
  background-color: #1678c2;
  box-shadow: none;
  color: #FFF;
}
.semantic.smui button.plain,
.semantic.smui .button.plain {
  border: none;
  background: none;
}
.semantic.smui button:disabled,
.semantic.smui .button:disabled,
.semantic.smui button.disabled,
.semantic.smui .button.disabled {
  border: 1px solid #c8c8c8;
  background: rgba(0, 0, 0, 0.05);
  color: #999;
}
.semantic.smui button:disabled:hover,
.semantic.smui .button:disabled:hover,
.semantic.smui button.disabled:hover,
.semantic.smui .button.disabled:hover {
  border: 1px solid #c8c8c8;
  background: rgba(0, 0, 0, 0.05);
  color: #999;
}
.semantic.smui .dialog {
  border-radius: 4px;
}
.semantic.smui .dialog .header {
  border-radius: 4px 4px 0 0;
}
/**
 * checkbox 样式定制
 */
.semantic.smui input[type="checkbox"],
.semantic.smui input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background: url("//image.uc.cn/s/uae/g/2p/smui/dist/checked.png");
  background-size: 60px;
  background-clip: content-box;
}
.semantic.smui input[type="checkbox"] {
  background-position: -15px 0;
}
.semantic.smui input[type="checkbox"]:checked {
  background-position: 0px 0;
}
.semantic.smui input[type="checkbox"]:disabled {
  background-position: -30px 0;
}
.semantic.smui input[type="checkbox"]:indeterminate {
  background-position: -45px 0;
}
.semantic.smui input[type="radio"] {
  background-position: -15px -15px;
}
.semantic.smui input[type="radio"]:checked {
  background-position: 0 -15px;
}
.semantic.smui input[type="radio"]:disabled {
  background-position: -30px -15px;
}
/**
 * 翻页组件样式定制
 */
.semantic.smui .pagination {
  background: #FFF;
}
.semantic.smui .pagination .item:first-child {
  border-radius: .2em;
}
.semantic.smui .pagination .item:last-child {
  border-radius: .2em;
}
.semantic.smui .pagination .item:hover,
.semantic.smui .pagination .active.item {
  box-shadow: none;
  color: #FFF;
  background: rgba(33, 150, 243, 0.9);
}
.semantic.smui .pagination .item.disabled,
.semantic.smui .pagination .item.disabled:hover {
  cursor: default;
  background-color: #EEE;
  color: rgba(40, 40, 40, 0.3);
}
/**
 * 日历组件样式定制
 */
.semantic.smui .calendar td.valid {
  color: rgba(33, 150, 243, 0.9);
  font-size: 12px;
}
.semantic.smui .calendar td.selected {
  color: #FFF;
  background-color: rgba(33, 150, 243, 0.9);
  font-size: 12px;
}
.semantic.smui .calendar .month-item.selected,
.semantic.smui .calendar .month-item:hover {
  background-color: rgba(33, 150, 243, 0.9);
  color: #FFF;
}
.semantic.smui .calendar .month-select > i:hover {
  color: rgba(33, 150, 243, 0.9);
}
.semantic.smui .date-picker .range-type a:hover,
.semantic.smui .date-picker .range-type .active {
  color: rgba(33, 150, 243, 0.9);
}
.semantic.smui .date-picker .sm-calender {
  color: #333;
}
.semantic.smui .date-picker .date-input {
  background-color: #FFF;
}
.smui * {
  box-sizing: border-box;
}
.smui input,
.smui textarea,
.smui button {
  outline-color: #EEE;
}
.smui .disabled {
  cursor: not-allowed !important;
  color: #999;
}
.smui button,
.smui .button {
  box-sizing: border-box;
  height: 30px;
  min-width: 3em;
  padding: 0 8px;
  background-color: #E0E1E2;
  min-height: 1em;
  outline: 0;
  border: none;
  border: 1px solid #c8c8c8;
  display: inline-block;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  color: #333;
}
.smui button:disabled,
.smui .button:disabled,
.smui button.disabled,
.smui .button.disabled {
  border: 1px solid #c8c8c8;
}
.smui button:disabled:hover,
.smui .button:disabled:hover,
.smui button.disabled:hover,
.smui .button.disabled:hover {
  border: 1px solid #c8c8c8;
}
.smui button.btn-link,
.smui .button.btn-link {
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
}
.smui input[type="checkbox"],
.smui input[type="radio"] {
  width: 15px;
  height: 15px;
  margin-bottom: -2px;
  border: 0!important;
  outline: none;
}
.smui input[type="checkbox"]:disabled,
.smui input[type="radio"]:disabled {
  cursor: not-allowed;
}