/* html默认样式 */
*,
*::before,
*::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
/**
 * 默认样式部分的修改
 */
html,
body {
  font-family: "Avenir-Book", "Avenir Book", "Avenir", "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
  /*修改默认字体*/
  color: #657180;
  /*默认字体颜色*/
  margin: 0;
  padding: 0;
  /* 字体抗锯齿渲染 */
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background-color: #fff;
  /*默认背景色为#fff*/
  font-size: 0.14rem;
  /*默认字体大小为0.14rem*/
  overflow-x: hidden;
  -ms-overflow-x: hidden;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0 0 0.1rem 0;
  line-height: 1.6;
}
h1 {
  font-size: 0.28rem;
  color: #464c5b;
}
h2 {
  font-size: 0.24rem;
  color: #464c5b;
}
h3 {
  font-size: 0.22rem;
  color: #464c5b;
}
h4 {
  font-size: 0.2rem;
  color: #464c5b;
}
h5 {
  font-size: 0.18rem;
  color: #464c5b;
}
h6 {
  font-size: 0.16rem;
  color: #464c5b;
}
a {
  text-decoration: none;
  color: #42b983;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  a:hover {
    text-decoration: underline;
  }
}
a[class^="ad-text-"] {
  transition: color 400ms;
  -ms-transition: color 400ms;
  -moz-transition: color 400ms;
  -webkit-transition: color 400ms;
}
a[class^="ad-bg-"] {
  transition: background-color 400ms;
  -ms-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -webkit-transition: background-color 400ms;
}
pre {
  display: block;
  padding: 0.1rem 0.15rem;
  margin: 0 0 0.15rem;
  font-size: 0.14rem;
  font-family: Consolas;
  line-height: 1.6;
  color: #657180;
  background-color: #f9f9fa;
  border-radius: 0.04rem;
  overflow: auto;
}
xmp {
  margin: 0;
  padding: 0;
  white-space: pre-wrap;
}
hr {
  margin: 0;
  padding: 0;
  margin-bottom: 0.15rem;
  border: 1px solid #d7dde4;
}
/**
 * 禁用样式
 */
[disabled] {
  cursor: not-allowed !important;
}
/*年月日区域*/
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="datetime"]::-webkit-datetime-edit-fields-wrapper,
input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
input[type="week"]::-webkit-datetime-edit-fields-wrapper,
input[type="month"]::-webkit-datetime-edit-fields-wrapper,
input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  color: #657180;
}
input[type="date"]::-webkit-datetime-edit-text,
input[type="datetime"]::-webkit-datetime-edit-text,
input[type="datetime-local"]::-webkit-datetime-edit-text,
input[type="week"]::-webkit-datetime-edit-text,
input[type="month"]::-webkit-datetime-edit-text,
input[type="time"]::-webkit-datetime-edit-text {
  color: #657180;
}
/*控制上下小箭头*/
input[type="date"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  visibility: hidden;
}
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"] {
  -moz-appearance: textfield;
}
/*控制向下的小箭头*/
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  border: 1px solid #d7dde4;
  border-radius: 0.02rem;
  box-shadow: inset 0 1px #fff, 0 1px #eee;
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
  color: #657180;
}
/*清除按钮*/
input[type="date"]::-webkit-clear-button,
input[type="datetime"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button,
input[type="week"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button {
  display: none;
}
input[type="text"]::-webkit-calendar-picker-indicator,
input[type="email"]::-webkit-calendar-picker-indicator,
input[type="number"]::-webkit-calendar-picker-indicator,
input[type="password"]::-webkit-calendar-picker-indicator,
input[type="url"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
ul,
ol {
  margin: 0 0 0.15rem;
  padding: 0.05rem 0.1rem 0.05rem 0.2rem;
}
li {
  margin-bottom: 0.1rem;
}
/*滚动条样式*/
@media only screen and (min-width: 768px) {
  /* 滚动条整体宽度 */
  ::-webkit-scrollbar {
    width: 0.08rem;
    height: 0.08rem;
  }
  /* 滚动条的滑轨背景颜色 */
  ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  /* 滚动条的滑块背景颜色 */
  ::-webkit-scrollbar-thumb {
    background-color: #d7dde4;
    border-radius: 0.2rem;
  }
  body ::-webkit-scrollbar {
    width: 0.04rem;
    height: 0.04rem;
  }
}
@font-face {
  font-family: "ai";
  src: url('../font/iconfont.eot?t=1566962424191');
  /* IE9 */
  src: url('../font/iconfont.eot?t=1566962424191#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff?t=1566962424191') format('woff'), url('../font/iconfont.ttf?t=1566962424191') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../font/iconfont.svg?t=1566962424191#ai') format('svg');
  /* iOS 4.1- */
}
.ai {
  font-family: "ai" !important;
  font-style: normal;
}
.ai.ai-xs {
  font-size: 0.8em;
}
.ai.ai-sm {
  font-size: 1.2em;
}
.ai.ai-md {
  font-size: 1.5em;
}
.ai.ai-lg {
  font-size: 2em;
}
.ai.ai-xl {
  font-size: 4em;
}
.ai.ai-fw {
  width: 1.5em;
  text-align: center !important;
}
.ai.ai-spin {
  display: inline-block !important;
  animation: spin 1.4s linear infinite;
  -webkit-animation: spin 1.4s linear infinite;
}
@-webkit-keyframes spin {
  from {
    transform: rotateZ(0deg);
    transform-origin: center;
  }
  to {
    transform: rotateZ(360deg);
    transform-origin: center;
  }
}
.ai-check:before {
  content: "\e645";
}
.ai-times:before {
  content: "\e646";
}
.ai-check-o:before {
  content: "\e666";
}
.ai-check-o-alt:before {
  content: "\e667";
}
.ai-times-o:before {
  content: "\e668";
}
.ai-times-o-alt:before {
  content: "\e669";
}
.ai-more:before {
  content: "\e686";
}
.ai-scan:before {
  content: "\e68b";
}
.ai-plus-o:before {
  content: "\e6dd";
}
.ai-plus-o-alt:before {
  content: "\e6e2";
}
.ai-plus:before {
  content: "\e6e5";
}
.ai-down:before {
  content: "\e704";
}
.ai-copy:before {
  content: "\e719";
}
.ai-file-html:before {
  content: "\e62c";
}
.ai-file-plus-alt:before {
  content: "\e691";
}
.ai-minus:before {
  content: "\e768";
}
.ai-pause:before {
  content: "\e822";
}
.ai-bars:before {
  content: "\e9ee";
}
.ai-folder-open:before {
  content: "\eae4";
}
.ai-hand-up-alt:before {
  content: "\e66b";
}
.ai-error-alt:before {
  content: "\eb38";
}
.ai-comment-o:before {
  content: "\e762";
}
.ai-comment-o-alt:before {
  content: "\e763";
}
.ai-red-paper-alt:before {
  content: "\e784";
}
.ai-sale:before {
  content: "\e78a";
}
.ai-sale-alt:before {
  content: "\e78b";
}
.ai-gift-alt:before {
  content: "\e78c";
}
.ai-more-vertical:before {
  content: "\e78d";
}
.ai-file-check:before {
  content: "\e80b";
}
.ai-file-image-alt:before {
  content: "\e6ee";
}
.ai-home-alt:before {
  content: "\e6cf";
}
.ai-home:before {
  content: "\e6d1";
}
.ai-image-alt:before {
  content: "\e6e7";
}
.ai-image:before {
  content: "\e6ed";
}
.ai-hand-left-alt:before {
  content: "\e722";
}
.ai-theme:before {
  content: "\e723";
}
.ai-theme-alt:before {
  content: "\e738";
}
.ai-hand-down-alt:before {
  content: "\e6a3";
}
.ai-hand-right-alt:before {
  content: "\e6a5";
}
.ai-cut:before {
  content: "\e720";
}
.ai-paste:before {
  content: "\e721";
}
.ai-error:before {
  content: "\e66d";
}
.ai-random:before {
  content: "\e67c";
}
.ai-medal:before {
  content: "\e7e6";
}
.ai-medal-alt:before {
  content: "\e7e7";
}
.ai-news:before {
  content: "\e7e8";
}
.ai-label:before {
  content: "\e7e9";
}
.ai-label-alt:before {
  content: "\e7ea";
}
.ai-news-alt:before {
  content: "\e7eb";
}
.ai-global:before {
  content: "\e7ed";
}
.ai-qq-o:before {
  content: "\e604";
}
.ai-code:before {
  content: "\e6a1";
}
.ai-rootf:before {
  content: "\e635";
}
.ai-file-html-alt:before {
  content: "\e64f";
}
.ai-cloud-alt:before {
  content: "\e6c1";
}
.ai-wechat-o:before {
  content: "\e637";
}
.ai-cloud:before {
  content: "\e64c";
}
.ai-images:before {
  content: "\e66a";
}
.ai-hot:before {
  content: "\e739";
}
.ai-classification:before {
  content: "\e73a";
}
.ai-wechat-square:before {
  content: "\e629";
}
.ai-editor:before {
  content: "\eb61";
}
.ai-function:before {
  content: "\eb62";
}
.ai-css3:before {
  content: "\e66c";
}
.ai-partten-chart:before {
  content: "\e678";
}
.ai-play-o-alt1:before {
  content: "\e600";
}
.ai-backward:before {
  content: "\e949";
}
.ai-fast-backward:before {
  content: "\e950";
}
.ai-forward:before {
  content: "\e951";
}
.ai-fast-forward:before {
  content: "\e952";
}
.ai-login:before {
  content: "\e953";
}
.ai-menu-unfold:before {
  content: "\e954";
}
.ai-menu-fold:before {
  content: "\e956";
}
.ai-logout:before {
  content: "\e955";
}
.ai-step-backward:before {
  content: "\e957";
}
.ai-step-forward:before {
  content: "\e958";
}
.ai-step-forward-alt:before {
  content: "\e95a";
}
.ai-step-backward-alt:before {
  content: "\e95b";
}
.ai-play-o:before {
  content: "\e95d";
}
.ai-font-minus:before {
  content: "\e62d";
}
.ai-font-plus:before {
  content: "\e62e";
}
.ai-image-error:before {
  content: "\ec0d";
}
.ai-cogs-alt:before {
  content: "\e605";
}
.ai-eye-off:before {
  content: "\e602";
}
.ai-eye:before {
  content: "\e603";
}
.ai-font:before {
  content: "\ea3f";
}
.ai-sequential:before {
  content: "\e601";
}
.ai-minus-o-alt:before {
  content: "\e62b";
}
.ai-chart-bar:before {
  content: "\e7a5";
}
.ai-bell-slash-alt:before {
  content: "\e64d";
}
.ai-customer-service:before {
  content: "\ec2e";
}
.ai-hand-down:before {
  content: "\f004";
}
.ai-hand-left:before {
  content: "\f006";
}
.ai-hand-right:before {
  content: "\f007";
}
.ai-hand-up:before {
  content: "\f008";
}
.ai-file-css:before {
  content: "\e64b";
}
.ai-bluetooth:before {
  content: "\ec4a";
}
.ai-ai:before {
  content: "\ec5f";
}
.ai-bug:before {
  content: "\ec63";
}
.ai-chart-polygonal:before {
  content: "\ec66";
}
.ai-js:before {
  content: "\ec68";
}
.ai-mysql:before {
  content: "\ec6d";
}
.ai-city:before {
  content: "\ec70";
}
.ai-single-loop:before {
  content: "\e67e";
}
.ai-comment:before {
  content: "\e7a8";
}
.ai-comment-alt:before {
  content: "\e7ec";
}
.ai-play:before {
  content: "\e679";
}
.ai-font-title:before {
  content: "\ec84";
}
.ai-pause-o:before {
  content: "\e67a";
}
.ai-cogs:before {
  content: "\e6d2";
}
.ai-images-alt:before {
  content: "\e63a";
}
.ai-bell-slash:before {
  content: "\e792";
}
.ai-fireforx-alt:before {
  content: "\e999";
}
.ai-file-minus-alt:before {
  content: "\e66f";
}
.ai-bell:before {
  content: "\e696";
}
.ai-start-half:before {
  content: "\ec59";
}
.ai-file-alt:before {
  content: "\e6f4";
}
.ai-file:before {
  content: "\e6f6";
}
.ai-edit:before {
  content: "\e6f8";
}
.ai-emoji:before {
  content: "\e6fa";
}
.ai-emoji-alt:before {
  content: "\e6fb";
}
.ai-question:before {
  content: "\e702";
}
.ai-question-alt:before {
  content: "\e71c";
}
.ai-info:before {
  content: "\e71d";
}
.ai-info-alt:before {
  content: "\e71e";
}
.ai-share-square-alt:before {
  content: "\e727";
}
.ai-cog:before {
  content: "\e728";
}
.ai-cog-alt:before {
  content: "\e72d";
}
.ai-share:before {
  content: "\e729";
}
.ai-share-alt:before {
  content: "\e72a";
}
.ai-success:before {
  content: "\e72e";
}
.ai-success-alt:before {
  content: "\e733";
}
.ai-video-alt:before {
  content: "\e73b";
}
.ai-video:before {
  content: "\e73c";
}
.ai-warning:before {
  content: "\e73d";
}
.ai-warning-alt:before {
  content: "\e73e";
}
.ai-folder-plus:before {
  content: "\e63b";
}
.ai-file-plus:before {
  content: "\e644";
}
.ai-file-minus:before {
  content: "\e647";
}
.ai-loop:before {
  content: "\e68d";
}
.ai-minus-o:before {
  content: "\e7e4";
}
.ai-pause-o-alt:before {
  content: "\e67b";
}
.ai-folder-open-alt:before {
  content: "\e8ed";
}
.ai-send:before {
  content: "\e911";
}
.ai-send-alt:before {
  content: "\e912";
}
.ai-rubber-alt:before {
  content: "\eb4d";
}
.ai-rubber:before {
  content: "\eb4e";
}
.ai-bell-alt:before {
  content: "\e677";
}
.ai-glasses-alt:before {
  content: "\eb95";
}
.ai-folder-alt:before {
  content: "\eb96";
}
.ai-email-alt:before {
  content: "\eb94";
}
.ai-keyboard-alt:before {
  content: "\eb97";
}
.ai-folder:before {
  content: "\eba8";
}
.ai-email:before {
  content: "\eba6";
}
.ai-exchange:before {
  content: "\eba9";
}
.ai-file-image:before {
  content: "\e64a";
}
.ai-tencent-video:before {
  content: "\e660";
}
.ai-wifi:before {
  content: "\e6a4";
}
.ai-horn-down:before {
  content: "\e724";
}
.ai-horn-up:before {
  content: "\e725";
}
.ai-horn-down-alt:before {
  content: "\e734";
}
.ai-horn-mute:before {
  content: "\e735";
}
.ai-horn-mute-alt:before {
  content: "\e736";
}
.ai-horn-up-alt:before {
  content: "\e737";
}
.ai-star-alt:before {
  content: "\e65b";
}
.ai-star:before {
  content: "\e65c";
}
.ai-file-check-alt:before {
  content: "\e805";
}
.ai-wechat:before {
  content: "\e65a";
}
.ai-language:before {
  content: "\e606";
}
.ai-user-square:before {
  content: "\e83c";
}
.ai-user-square-alt:before {
  content: "\e83d";
}
.ai-user-o-alt:before {
  content: "\e83e";
}
.ai-user-o:before {
  content: "\e83f";
}
.ai-user-contact-alt:before {
  content: "\e840";
}
.ai-user-lock-alt:before {
  content: "\e841";
}
.ai-user-contact:before {
  content: "\e842";
}
.ai-user-lock:before {
  content: "\e843";
}
.ai-user-group:before {
  content: "\e844";
}
.ai-user-plus-alt:before {
  content: "\e845";
}
.ai-user-alt:before {
  content: "\e846";
}
.ai-user-group-alt:before {
  content: "\e847";
}
.ai-user-plus:before {
  content: "\e848";
}
.ai-user-search:before {
  content: "\e849";
}
.ai-user-check-alt:before {
  content: "\e84a";
}
.ai-user-search-alt:before {
  content: "\e84b";
}
.ai-user-backward-alt:before {
  content: "\e84c";
}
.ai-user-forward:before {
  content: "\e84d";
}
.ai-user-forward-alt:before {
  content: "\e84e";
}
.ai-user-check:before {
  content: "\e84f";
}
.ai-user-backward:before {
  content: "\e850";
}
.ai-user-star-alt:before {
  content: "\e851";
}
.ai-user-star:before {
  content: "\e852";
}
.ai-user-cog:before {
  content: "\e853";
}
.ai-user-remove:before {
  content: "\e854";
}
.ai-user-remove-alt:before {
  content: "\e855";
}
.ai-user:before {
  content: "\e856";
}
.ai-user-cog-alt:before {
  content: "\e857";
}
.ai-plus-square:before {
  content: "\e67f";
}
.ai-minus-square:before {
  content: "\e680";
}
.ai-minus-square-alt:before {
  content: "\e681";
}
.ai-plus-square-alt:before {
  content: "\e682";
}
.ai-folder-minus:before {
  content: "\e659";
}
.ai-folder-minus-alt:before {
  content: "\e673";
}
.ai-folder-plus-alt:before {
  content: "\e674";
}
.ai-zip:before {
  content: "\e641";
}
.ai-onedrive:before {
  content: "\e671";
}
.ai-steam:before {
  content: "\e675";
}
.ai-firefox:before {
  content: "\e676";
}
.ai-align-center:before {
  content: "\e607";
}
.ai-align-justify:before {
  content: "\e608";
}
.ai-align-right:before {
  content: "\e609";
}
.ai-align-left:before {
  content: "\e60a";
}
.ai-angle-down-o:before {
  content: "\e60b";
}
.ai-angle-down:before {
  content: "\e60c";
}
.ai-angle-double-down:before {
  content: "\e60d";
}
.ai-angle-left-o:before {
  content: "\e60e";
}
.ai-angle-double-up:before {
  content: "\e60f";
}
.ai-angle-left:before {
  content: "\e610";
}
.ai-angle-double-right:before {
  content: "\e611";
}
.ai-angle-double-left:before {
  content: "\e612";
}
.ai-angle-up:before {
  content: "\e613";
}
.ai-angle-right:before {
  content: "\e614";
}
.ai-alipay:before {
  content: "\e615";
}
.ai-angle-right-o-alt:before {
  content: "\e616";
}
.ai-angle-up-o:before {
  content: "\e617";
}
.ai-angle-right-o:before {
  content: "\e618";
}
.ai-apple:before {
  content: "\e619";
}
.ai-arrow-down:before {
  content: "\e61a";
}
.ai-arrow-down-o-alt:before {
  content: "\e61b";
}
.ai-arrow-down-o:before {
  content: "\e61c";
}
.ai-angle-left-o-alt:before {
  content: "\e61d";
}
.ai-arrow-left-o:before {
  content: "\e61e";
}
.ai-arrow-left-o-alt:before {
  content: "\e61f";
}
.ai-alipay-square:before {
  content: "\e620";
}
.ai-arrow-right-o:before {
  content: "\e621";
}
.ai-angle-down-o-alt:before {
  content: "\e622";
}
.ai-arrow-up-o:before {
  content: "\e623";
}
.ai-arrow-right-o-alt:before {
  content: "\e624";
}
.ai-arrow-up:before {
  content: "\e625";
}
.ai-arrow-left:before {
  content: "\e626";
}
.ai-arrow-right:before {
  content: "\e627";
}
.ai-angle-up-o-alt:before {
  content: "\e628";
}
.ai-apple-alt:before {
  content: "\e62a";
}
.ai-arrow-up-o-alt:before {
  content: "\e62f";
}
.ai-card-alt:before {
  content: "\e630";
}
.ai-caret-down:before {
  content: "\e631";
}
.ai-camera-alt:before {
  content: "\e632";
}
.ai-baidu:before {
  content: "\e633";
}
.ai-card:before {
  content: "\e634";
}
.ai-caret-up:before {
  content: "\e636";
}
.ai-camera:before {
  content: "\e638";
}
.ai-bull-horn:before {
  content: "\e639";
}
.ai-caret-right:before {
  content: "\e63c";
}
.ai-bold:before {
  content: "\e63d";
}
.ai-chrome:before {
  content: "\e63e";
}
.ai-clear:before {
  content: "\e63f";
}
.ai-caret-left:before {
  content: "\e640";
}
.ai-clock:before {
  content: "\e642";
}
.ai-clock-alt:before {
  content: "\e643";
}
.ai-clear-alt:before {
  content: "\e648";
}
.ai-computer:before {
  content: "\e649";
}
.ai-color-picker:before {
  content: "\e64e";
}
.ai-calendar:before {
  content: "\e650";
}
.ai-divider:before {
  content: "\e651";
}
.ai-computer-alt:before {
  content: "\e652";
}
.ai-download:before {
  content: "\e653";
}
.ai-check-square:before {
  content: "\e654";
}
.ai-download-o:before {
  content: "\e655";
}
.ai-download-cloud:before {
  content: "\e656";
}
.ai-dollar:before {
  content: "\e657";
}
.ai-edge:before {
  content: "\e658";
}
.ai-facebook:before {
  content: "\e65d";
}
.ai-download-cloud-alt:before {
  content: "\e65e";
}
.ai-eit:before {
  content: "\e65f";
}
.ai-facebook-o-alt:before {
  content: "\e661";
}
.ai-facebook-o:before {
  content: "\e662";
}
.ai-facebook-square:before {
  content: "\e663";
}
.ai-female:before {
  content: "\e664";
}
.ai-facebook-square-alt:before {
  content: "\e665";
}
.ai-flag:before {
  content: "\e66e";
}
.ai-flag-alt:before {
  content: "\e670";
}
.ai-exit-full-screen:before {
  content: "\e672";
}
.ai-forbid:before {
  content: "\e67d";
}
.ai-hand-hate:before {
  content: "\e684";
}
.ai-github:before {
  content: "\e685";
}
.ai-forbid-alt:before {
  content: "\e687";
}
.ai-full-screen:before {
  content: "\e688";
}
.ai-hand-hate-alt:before {
  content: "\e689";
}
.ai-hand-like:before {
  content: "\e68a";
}
.ai-hand-like-alt:before {
  content: "\e68c";
}
.ai-strikethrough:before {
  content: "\e690";
}
.ai-html5:before {
  content: "\e693";
}
.ai-hand-like-o:before {
  content: "\e695";
}
.ai-indent-left:before {
  content: "\e697";
}
.ai-indent-right:before {
  content: "\e698";
}
.ai-flower:before {
  content: "\e69d";
}
.ai-italic:before {
  content: "\e69f";
}
.ai-instagram:before {
  content: "\e6a0";
}
.ai-instagram-alt:before {
  content: "\e6a2";
}
.ai-line-height:before {
  content: "\e6a7";
}
.ai-ie:before {
  content: "\e6a8";
}
.ai-link:before {
  content: "\e6a9";
}
.ai-love:before {
  content: "\e6aa";
}
.ai-load-a:before {
  content: "\e6ab";
}
.ai-load-d:before {
  content: "\e6ac";
}
.ai-lock:before {
  content: "\e6ad";
}
.ai-love-alt:before {
  content: "\e6ae";
}
.ai-load-b:before {
  content: "\e6b0";
}
.ai-male:before {
  content: "\e6b1";
}
.ai-map:before {
  content: "\e6b2";
}
.ai-man:before {
  content: "\e6b3";
}
.ai-lock-alt:before {
  content: "\e6b4";
}
.ai-map-o:before {
  content: "\e6b5";
}
.ai-map-square-alt:before {
  content: "\e6b6";
}
.ai-json:before {
  content: "\e6b7";
}
.ai-microphone:before {
  content: "\e6b8";
}
.ai-load-e:before {
  content: "\e6b9";
}
.ai-microphone-alt:before {
  content: "\e6ba";
}
.ai-map-alt:before {
  content: "\e6bb";
}
.ai-microphone-mute:before {
  content: "\e6bd";
}
.ai-microphone-mute-alt:before {
  content: "\e6be";
}
.ai-money:before {
  content: "\e6bf";
}
.ai-mobile:before {
  content: "\e6c0";
}
.ai-money-o-alt:before {
  content: "\e6c2";
}
.ai-music:before {
  content: "\e6c3";
}
.ai-opera:before {
  content: "\e6c4";
}
.ai-paragraph:before {
  content: "\e6c5";
}
.ai-ol:before {
  content: "\e6c7";
}
.ai-iqiyi:before {
  content: "\e6c9";
}
.ai-load-c:before {
  content: "\e6ca";
}
.ai-pencil:before {
  content: "\e6ce";
}
.ai-pencil-alt:before {
  content: "\e6d0";
}
.ai-music-alt:before {
  content: "\e6d3";
}
.ai-play-o-alt:before {
  content: "\e6d6";
}
.ai-phone:before {
  content: "\e6d8";
}
.ai-phone-alt:before {
  content: "\e6d9";
}
.ai-qq:before {
  content: "\e6da";
}
.ai-qq-zone:before {
  content: "\e6db";
}
.ai-qrcode:before {
  content: "\e6dc";
}
.ai-qq-o-alt:before {
  content: "\e6de";
}
.ai-redo:before {
  content: "\e6df";
}
.ai-refresh:before {
  content: "\e6e0";
}
.ai-qq-zone-alt:before {
  content: "\e6e1";
}
.ai-redo-alt:before {
  content: "\e6e4";
}
.ai-safari:before {
  content: "\e6e6";
}
.ai-safe:before {
  content: "\e6e8";
}
.ai-search:before {
  content: "\e6e9";
}
.ai-search-minus-o:before {
  content: "\e6ea";
}
.ai-search-plus-o:before {
  content: "\e6eb";
}
.ai-qq-alt:before {
  content: "\e6ec";
}
.ai-refresh-a:before {
  content: "\e6ef";
}
.ai-shopping-bag-alt:before {
  content: "\e6f0";
}
.ai-shop:before {
  content: "\e6f1";
}
.ai-shopping-cart:before {
  content: "\e6f2";
}
.ai-sign-out:before {
  content: "\e6f3";
}
.ai-safe-alt:before {
  content: "\e6f5";
}
.ai-shopping-bag:before {
  content: "\e6f7";
}
.ai-shoping-cart-alt:before {
  content: "\e6f9";
}
.ai-shop-alt:before {
  content: "\e6fc";
}
.ai-switch:before {
  content: "\e6fd";
}
.ai-subscript:before {
  content: "\e6fe";
}
.ai-sign-in:before {
  content: "\e6ff";
}
.ai-table-alt:before {
  content: "\e700";
}
.ai-tencent-webo:before {
  content: "\e701";
}
.ai-trash:before {
  content: "\e703";
}
.ai-trash-alt:before {
  content: "\e705";
}
.ai-superscript:before {
  content: "\e706";
}
.ai-twitter-alt:before {
  content: "\e707";
}
.ai-twitter-square:before {
  content: "\e708";
}
.ai-twitter:before {
  content: "\e709";
}
.ai-twitter-o-alt:before {
  content: "\e70a";
}
.ai-ul:before {
  content: "\e70b";
}
.ai-twitter-square-alt:before {
  content: "\e70c";
}
.ai-tencent-webo-square:before {
  content: "\e70d";
}
.ai-undo-alt:before {
  content: "\e70e";
}
.ai-tablet:before {
  content: "\e70f";
}
.ai-underline:before {
  content: "\e710";
}
.ai-unlock-alt:before {
  content: "\e711";
}
.ai-twitter-o:before {
  content: "\e712";
}
.ai-undo:before {
  content: "\e713";
}
.ai-unlock:before {
  content: "\e714";
}
.ai-upload-cloud:before {
  content: "\e715";
}
.ai-upload-cloud-alt:before {
  content: "\e716";
}
.ai-upload:before {
  content: "\e717";
}
.ai-upload-square:before {
  content: "\e718";
}
.ai-uc:before {
  content: "\e71a";
}
.ai-unlink:before {
  content: "\e71b";
}
.ai-weibo:before {
  content: "\e726";
}
.ai-windows-alt:before {
  content: "\e72b";
}
.ai-woman:before {
  content: "\e72c";
}
.ai-weibo-square:before {
  content: "\e72f";
}
.ai-youtube:before {
  content: "\e730";
}
.ai-windows:before {
  content: "\e731";
}
.ai-word:before {
  content: "\e732";
}
/* 组件样式 */
/**
 * container容器
 */
.ad-container {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .ad-container {
    width: 93.75%;
  }
}
/**
 * 栅格系统
 */
.ad-row {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  max-height: 100%;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  width: 100%;
}
/*针对手机*/
@media only screen and (min-width: 0px) {
  .col-xs-offset-0 {
    margin-left: 0;
  }
  .col-xs-1 {
    display: block;
    width: calc(1/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-1 {
    margin-left: calc(1/12*100%);
  }
  .col-xs-2 {
    display: block;
    width: calc(2/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-2 {
    margin-left: calc(2/12*100%);
  }
  .col-xs-3 {
    display: block;
    width: calc(3/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-3 {
    margin-left: calc(3/12*100%);
  }
  .col-xs-4 {
    display: block;
    width: calc(4/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-4 {
    margin-left: calc(4/12*100%);
  }
  .col-xs-5 {
    display: block;
    width: calc(5/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-5 {
    margin-left: calc(5/12*100%);
  }
  .col-xs-6 {
    display: block;
    width: calc(6/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-6 {
    margin-left: calc(6/12*100%);
  }
  .col-xs-7 {
    display: block;
    width: calc(7/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-7 {
    margin-left: calc(7/12*100%);
  }
  .col-xs-8 {
    display: block;
    width: calc(8/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-8 {
    margin-left: calc(8/12*100%);
  }
  .col-xs-9 {
    display: block;
    width: calc(9/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-9 {
    margin-left: calc(9/12*100%);
  }
  .col-xs-10 {
    display: block;
    width: calc(10/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-10 {
    margin-left: calc(10/12*100%);
  }
  .col-xs-11 {
    display: block;
    width: calc(11/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-11 {
    margin-left: calc(11/12*100%);
  }
  .col-xs-12 {
    display: block;
    width: calc(12/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xs-offset-12 {
    margin-left: calc(12/12*100%);
  }
}
/* 针对平板 */
@media only screen and (min-width: 768px) {
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-1 {
    display: block;
    width: calc(1/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-1 {
    margin-left: calc(1/12*100%);
  }
  .col-sm-2 {
    display: block;
    width: calc(2/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-2 {
    margin-left: calc(2/12*100%);
  }
  .col-sm-3 {
    display: block;
    width: calc(3/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-3 {
    margin-left: calc(3/12*100%);
  }
  .col-sm-4 {
    display: block;
    width: calc(4/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-4 {
    margin-left: calc(4/12*100%);
  }
  .col-sm-5 {
    display: block;
    width: calc(5/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-5 {
    margin-left: calc(5/12*100%);
  }
  .col-sm-6 {
    display: block;
    width: calc(6/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-6 {
    margin-left: calc(6/12*100%);
  }
  .col-sm-7 {
    display: block;
    width: calc(7/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-7 {
    margin-left: calc(7/12*100%);
  }
  .col-sm-8 {
    display: block;
    width: calc(8/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-8 {
    margin-left: calc(8/12*100%);
  }
  .col-sm-9 {
    display: block;
    width: calc(9/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-sm-offset-9 {
    margin-left: calc(9/12*100%);
  }
  .col-sm-10 {
    display: block;
    width: calc(10/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-sm-offset-10 {
    margin-left: calc(10/12*100%);
  }
  .col-sm-11 {
    display: block;
    width: calc(11/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-sm-offset-11 {
    margin-left: calc(11/12*100%);
  }
  .col-sm-12 {
    display: block;
    width: calc(12/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-sm-offset-12 {
    margin-left: calc(12/12*100%);
  }
}
/* 针对小型电脑 */
@media only screen and (min-width: 1024px) {
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-1 {
    display: block;
    width: calc(1/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-1 {
    margin-left: calc(1/12*100%);
  }
  .col-md-2 {
    display: block;
    width: calc(2/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-2 {
    margin-left: calc(2/12*100%);
  }
  .col-md-3 {
    display: block;
    width: calc(3/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-3 {
    margin-left: calc(3/12*100%);
  }
  .col-md-4 {
    display: block;
    width: calc(4/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-4 {
    margin-left: calc(4/12*100%);
  }
  .col-md-5 {
    display: block;
    width: calc(5/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-5 {
    margin-left: calc(5/12*100%);
  }
  .col-md-6 {
    display: block;
    width: calc(6/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-6 {
    margin-left: calc(6/12*100%);
  }
  .col-md-7 {
    display: block;
    width: calc(7/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-7 {
    margin-left: calc(7/12*100%);
  }
  .col-md-8 {
    display: block;
    width: calc(8/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-8 {
    margin-left: calc(8/12*100%);
  }
  .col-md-9 {
    display: block;
    width: calc(9/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-md-offset-9 {
    margin-left: calc(9/12*100%);
  }
  .col-md-10 {
    display: block;
    width: calc(10/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-md-offset-10 {
    margin-left: calc(10/12*100%);
  }
  .col-md-11 {
    display: block;
    width: calc(11/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-md-offset-11 {
    margin-left: calc(11/12*100%);
  }
  .col-md-12 {
    display: block;
    width: calc(12/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-md-offset-12 {
    margin-left: calc(12/12*100%);
  }
}
/* 针对中等电脑 */
@media only screen and (min-width: 1440px) {
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-1 {
    display: block;
    width: calc(1/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-1 {
    margin-left: calc(1/12*100%);
  }
  .col-lg-2 {
    display: block;
    width: calc(2/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-2 {
    margin-left: calc(2/12*100%);
  }
  .col-lg-3 {
    display: block;
    width: calc(3/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-3 {
    margin-left: calc(3/12*100%);
  }
  .col-lg-4 {
    display: block;
    width: calc(4/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-4 {
    margin-left: calc(4/12*100%);
  }
  .col-lg-5 {
    display: block;
    width: calc(5/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-5 {
    margin-left: calc(5/12*100%);
  }
  .col-lg-6 {
    display: block;
    width: calc(6/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-6 {
    margin-left: calc(6/12*100%);
  }
  .col-lg-7 {
    display: block;
    width: calc(7/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-7 {
    margin-left: calc(7/12*100%);
  }
  .col-lg-8 {
    display: block;
    width: calc(8/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-8 {
    margin-left: calc(8/12*100%);
  }
  .col-lg-9 {
    display: block;
    width: calc(9/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-lg-offset-9 {
    margin-left: calc(9/12*100%);
  }
  .col-lg-10 {
    display: block;
    width: calc(10/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-lg-offset-10 {
    margin-left: calc(10/12*100%);
  }
  .col-lg-11 {
    display: block;
    width: calc(11/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-lg-offset-11 {
    margin-left: calc(11/12*100%);
  }
  .col-lg-12 {
    display: block;
    width: calc(12/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-lg-offset-12 {
    margin-left: calc(12/12*100%);
  }
}
/* 针对大型电脑 */
@media only screen and (min-width: 1920px) {
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .col-xl-1 {
    display: block;
    width: calc(1/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-1 {
    margin-left: calc(1/12*100%);
  }
  .col-xl-2 {
    display: block;
    width: calc(2/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-2 {
    margin-left: calc(2/12*100%);
  }
  .col-xl-3 {
    display: block;
    width: calc(3/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-3 {
    margin-left: calc(3/12*100%);
  }
  .col-xl-4 {
    display: block;
    width: calc(4/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-4 {
    margin-left: calc(4/12*100%);
  }
  .col-xl-5 {
    display: block;
    width: calc(5/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-5 {
    margin-left: calc(5/12*100%);
  }
  .col-xl-6 {
    display: block;
    width: calc(6/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-6 {
    margin-left: calc(6/12*100%);
  }
  .col-xl-7 {
    display: block;
    width: calc(7/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-7 {
    margin-left: calc(7/12*100%);
  }
  .col-xl-8 {
    display: block;
    width: calc(8/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-8 {
    margin-left: calc(8/12*100%);
  }
  .col-xl-9 {
    display: block;
    width: calc(9/12*100%) !important;
    max-height: 100%;
    height: auto;
  }
  .col-xl-offset-9 {
    margin-left: calc(9/12*100%);
  }
  .col-xl-10 {
    display: block;
    width: calc(10/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-xl-offset-10 {
    margin-left: calc(10/12*100%);
  }
  .col-xl-11 {
    display: block;
    width: calc(11/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-xl-offset-11 {
    margin-left: calc(11/12*100%);
  }
  .col-xl-12 {
    display: block;
    width: calc(12/12*100%) !important;
    height: auto;
    max-height: 100%;
  }
  .col-xl-offset-12 {
    margin-left: calc(12/12*100%);
  }
}
/**
 * 定义按钮
 */
.ad-btn {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.06rem 0.1rem;
  vertical-align: middle;
  font-size: 0.14rem;
  line-height: 1.6;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0.04rem;
  cursor: pointer;
  outline: 0;
  color: #657180;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: border-color 200ms linear, background-color 200ms linear;
  transition: border-color 200ms linear, background-color 200ms linear;
  -ms-transition: border-color 200ms linear, background-color 200ms linear;
  -moz-transition: border-color 200ms linear, background-color 200ms linear;
}
/*默认*/
.ad-btn-default {
  border-color: #d7dde4;
  background-color: #fff;
}
.ad-btn-default:hover {
  border-color: #10a5f1;
  color: #10a5f1;
}
.ad-btn-default:active {
  border-color: #0983c1;
  color: #0983c1;
}
.ad-btn-default.ad-btn-active,
.ad-btn-default.ad-btn-active:hover,
.ad-btn-default.ad-btn-active:active {
  border-color: #0983c1;
  color: #0983c1;
}
.ad-btn-default[disabled],
.ad-btn-default[disabled]:hover .ad-btn-default[disabled]:active {
  border-color: #d7dde4;
  color: #999;
  background-color: #f1f1f1;
}
/**
* 危险按钮样式
*/
.ad-btn-danger {
  background-color: #ff3300;
  border-color: #ff3300;
  color: #fff;
}
.ad-btn-danger:hover {
  border-color: #e84e28;
  background-color: #e84e28;
}
.ad-btn-danger:active {
  border-color: #c12903;
  background-color: #c12903;
}
.ad-btn-danger.ad-btn-active,
.ad-btn-danger.ad-btn-active:active,
.ad-btn-danger.ad-btn-active:hover {
  border-color: #ff3300;
  background-color: #ff3300;
  box-shadow: 0 5px 5px #c12903 inset;
  -webkit-box-shadow: 0 5px 5px #c12903 inset;
}
.ad-btn-danger[disabled],
.ad-btn-danger[disabled]:hover,
.ad-btn-danger[disabled]:active {
  background-color: #e8a290;
  border-color: #e8a290;
  color: #f1f1f1;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/**
 * 信息按钮样式
 */
.ad-btn-info {
  background-color: #10a5f1;
  border-color: #10a5f1;
  color: #fff;
}
.ad-btn-info:hover {
  border-color: #43b7f3;
  background-color: #43b7f3;
}
.ad-btn-info:active {
  border-color: #0983c1;
  background-color: #0983c1;
}
.ad-btn-info.ad-btn-active,
.ad-btn-info.ad-btn-active:hover,
.ad-btn-info.ad-btn-active:active {
  border-color: #10a5f1;
  background-color: #10a5f1;
  box-shadow: 0 5px 5px #0983c1 inset;
  -webkit-box-shadow: 0 5px 5px #0983c1 inset;
}
.ad-btn-info[disabled],
.ad-btn-info[disabled]:hover,
.ad-btn-info[disabled]:active {
  background-color: #7ec6ea;
  border-color: #7ec6ea;
  color: #f1f1f1;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/**
 * 警告按钮样式
 */
.ad-btn-warning {
  background-color: #f5700a;
  border-color: #f5700a;
  color: #fff;
}
.ad-btn-warning:hover {
  background-color: #f19045;
  border-color: #f19045;
}
.ad-btn-warning:active {
  background-color: #cc5d08;
  border-color: #cc5d08;
}
.ad-btn-warning.ad-btn-active,
.ad-btn-warning.ad-btn-active:hover,
.ad-btn-warning.ad-btn-active:active {
  background-color: #f5700a;
  border-color: #f5700a;
  box-shadow: 0 5px 5px #cc5d08 inset;
  -webkit-box-shadow: 0 5px 5px #cc5d08 inset;
}
.ad-btn-warning[disabled],
.ad-btn-warning[disabled]:hover,
.ad-btn-warning[disabled]:active {
  background-color: #e6a36d;
  border-color: #e6a36d;
  color: #f1f1f1;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/**
 * 成功按钮样式
 */
.ad-btn-success {
  background-color: #05b905;
  border-color: #05b905;
  color: #fff;
}
.ad-btn-success:hover {
  background-color: #46bf46;
  border-color: #46bf46;
}
.ad-btn-success:active {
  background-color: #069a06;
  border-color: #069a06;
}
.ad-btn-success.ad-btn-active,
.ad-btn-success.ad-btn-active:hover,
.ad-btn-success.ad-btn-active:active {
  background-color: #05b905;
  border-color: #05b905;
  box-shadow: 0 5px 5px #069a06 inset;
  -webkit-box-shadow: 0 5px 5px #069a06 inset;
}
.ad-btn-success[disabled],
.ad-btn-success[disabled]:hover,
.ad-btn-success[disabled]:active {
  background-color: #60cc60;
  border-color: #60cc60;
  color: #f1f1f1;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/**
 * 主要色
 */
.ad-btn-primary {
  background-color: #0789ca;
  border-color: #0789ca;
  color: #fff;
}
.ad-btn-primary:hover {
  background-color: #3696c5;
  border-color: #3696c5;
}
.ad-btn-primary:active {
  background-color: #075d88;
  border-color: #075d88;
}
.ad-btn-primary.ad-btn-active,
.ad-btn-primary.ad-btn-active:hover,
.ad-btn-primary.ad-btn-active:active {
  background-color: #0789ca;
  border-color: #0789ca;
  box-shadow: 0 5px 5px #075d88 inset;
  -webkit-box-shadow: 0 5px 5px #075d88 inset;
}
.ad-btn-primary[disabled],
.ad-btn-primary[disabled]:hover,
.ad-btn-primary[disabled]:active {
  background-color: #5aa4ca;
  border-color: #5aa4ca;
  color: #f1f1f1;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/**
 * 链接色按钮样式
 */
.ad-btn-link {
  border-color: #d7dde4;
  background-color: #fff;
}
.ad-btn-link:hover {
  border-color: #42b983;
  color: #42b983;
}
.ad-btn-link:active {
  border-color: #348e65;
  color: #348e65;
}
.ad-btn-link.ad-btn-active,
.ad-btn-link.ad-btn-active:hover,
.ad-btn-link.ad-btn-active:active {
  border-color: #348e65;
  color: #348e65;
}
.ad-btn-link[disabled],
.ad-btn-link[disabled]:hover .ad-btn-link[disabled]:active {
  border-color: #d7dde4;
  color: #999;
  background-color: #f1f1f1;
}
/**
 * 反色按钮样式
 */
.ad-btn-dark {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.ad-btn-dark:hover {
  background-color: #444;
  border-color: #444;
}
.ad-btn-dark:active {
  background-color: #222;
  border-color: #222;
}
.ad-btn-dark.ad-btn-active,
.ad-btn-dark.ad-btn-active:hover,
.ad-btn-dark.ad-btn-active:active {
  background-color: #444;
  border-color: #444;
  box-shadow: 0 5px 5px #222 inset;
  -webkit-box-shadow: 0 5px 5px #222 inset;
}
.ad-btn-dark[disabled],
.ad-btn-dark[disabled]:hover,
.ad-btn-dark[disabled]:active {
  background-color: #666;
  border-color: #666;
  color: #f1f1f1;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/**
 * 按钮组
 */
.ad-btn-group {
  display: inline-block;
  vertical-align: middle;
}
/* 不同颜色的按钮边框线处理 */
.ad-btn-group > .ad-btn.ad-btn-success {
  border-color: #11ab11;
}
.ad-btn-group > .ad-btn.ad-btn-warning {
  border-color: #ea6904;
}
.ad-btn-group > .ad-btn.ad-btn-danger {
  border-color: #e83001;
}
.ad-btn-group > .ad-btn.ad-btn-primary {
  border-color: #0481bf;
}
.ad-btn-group > .ad-btn.ad-btn-info {
  border-color: #229ede;
}
.ad-btn-group > .ad-btn.ad-btn-dark {
  border-color: #2b2b2b;
}
/* 按钮组横排 */
.ad-btn-group.ad-btn-group-horizontal {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: flex-start;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
}
.ad-btn-group.ad-btn-group-horizontal > .ad-btn {
  margin: 0;
  border-radius: 0 !important;
}
.ad-btn-group.ad-btn-group-horizontal > .ad-btn + .ad-btn {
  margin-left: -1px;
}
.ad-btn-group.ad-btn-group-horizontal > .ad-btn.ad-btn-active,
.ad-btn-group.ad-btn-group-horizontal > .ad-btn:hover,
.ad-btn-group.ad-btn-group-horizontal > .ad-btn:active {
  z-index: 2;
}
.ad-btn-group.ad-btn-group-horizontal > .ad-btn:first-of-type {
  border-bottom-left-radius: 0.04rem !important;
  border-top-left-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-horizontal > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.04rem !important;
  border-top-right-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-none > .ad-btn:first-of-type {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-none > .ad-btn:last-of-type {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-xs > .ad-btn:first-of-type {
  border-bottom-left-radius: 0.02rem !important;
  border-top-left-radius: 0.02rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-xs > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.02rem !important;
  border-top-right-radius: 0.02rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-sm > .ad-btn:first-of-type {
  border-bottom-left-radius: 0.04rem !important;
  border-top-left-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-sm > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.04rem !important;
  border-top-right-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-md > .ad-btn:first-of-type {
  border-bottom-left-radius: 0.08rem !important;
  border-top-left-radius: 0.08rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-md > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.08rem !important;
  border-top-right-radius: 0.08rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-lg > .ad-btn:first-of-type {
  border-bottom-left-radius: 0.12rem !important;
  border-top-left-radius: 0.12rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-lg > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.12rem !important;
  border-top-right-radius: 0.12rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-xl > .ad-btn:first-of-type {
  border-bottom-left-radius: 0.2rem !important;
  border-top-left-radius: 0.2rem !important;
}
.ad-btn-group.ad-btn-group-horizontal.ad-radius-xl > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.2rem !important;
  border-top-right-radius: 0.2rem !important;
}
/**
 * 按钮组竖排
 */
.ad-btn-group.ad-btn-group-vertical {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: flex-start;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.ad-btn-group.ad-btn-group-vertical > .ad-btn {
  margin: 0;
  width: 100%;
  border-radius: 0 !important;
}
.ad-btn-group.ad-btn-group-vertical > .ad-btn + .ad-btn {
  margin-top: -1px;
}
.ad-btn-group.ad-btn-group-vertical > .ad-btn:hover,
.ad-btn-group.ad-btn-group-vertical > .ad-btn:active,
.ad-btn-group.ad-btn-group-vertical > .ad-btn.ad-btn-active {
  z-index: 2;
}
.ad-btn-group.ad-btn-group-vertical > .ad-btn:first-of-type {
  border-top-right-radius: 0.04rem !important;
  border-top-left-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-vertical > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.04rem !important;
  border-bottom-left-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-none > .ad-btn:first-of-type {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-none > .ad-btn:last-of-type {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-xs > .ad-btn:first-of-type {
  border-top-right-radius: 0.02rem !important;
  border-top-left-radius: 0.02rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-xs > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.02rem !important;
  border-bottom-left-radius: 0.02rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-sm > .ad-btn:first-of-type {
  border-top-right-radius: 0.04rem !important;
  border-top-left-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-sm > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.04rem !important;
  border-bottom-left-radius: 0.04rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-md > .ad-btn:first-of-type {
  border-top-right-radius: 0.08rem !important;
  border-top-left-radius: 0.08rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-md > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.08rem !important;
  border-bottom-left-radius: 0.08rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-lg > .ad-btn:first-of-type {
  border-top-right-radius: 0.12rem !important;
  border-top-left-radius: 0.12rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-lg > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.12rem !important;
  border-bottom-left-radius: 0.12rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-xl > .ad-btn:first-of-type {
  border-top-right-radius: 0.2rem !important;
  border-top-left-radius: 0.2rem !important;
}
.ad-btn-group.ad-btn-group-vertical.ad-radius-xl > .ad-btn:last-of-type {
  border-bottom-right-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !important;
}
/**
 * 定义输入框
 */
.ad-input {
  border: 1px solid #d7dde4;
  font-size: 0.14rem;
  line-height: 1.6;
  padding: 0.06rem 0.1rem;
  vertical-align: middle;
  color: #657180;
  width: 1.8rem;
  background-color: #fff;
  border-radius: 0.04rem;
  background-image: none;
  appearance: none;
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  -moz-appearance: none;
  -webkit-transition: border-color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: border-color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
  transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}
.ad-input:focus,
.ad-selected:focus {
  border-color: #10a5f1;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(78, 176, 226, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(78, 176, 226, 0.3);
}
.ad-input[disabled],
.ad-selected[disabled] {
  background-color: #eeeeee;
  color: #999;
}
.ad-input[readonly] {
  background-color: #f5f5f5;
  color: #999;
}
.ad-input[readonly]:focus {
  background-color: #f5f5f5;
  border-color: #d7dde4;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.ad-input::-webkit-input-placeholder {
  color: #bbb;
  font-family: "Avenir-Book", "Avenir Book", "Avenir", "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
}
.ad-input::-moz-placeholder {
  color: #bbb;
  font-family: "Avenir-Book", "Avenir Book", "Avenir", "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
}
.ad-input::-ms-input-placeholder {
  color: #bbb;
  font-family: "Avenir-Book", "Avenir Book", "Avenir", "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
}
.ad-input::placeholder {
  color: #bbb;
  font-family: "Avenir-Book", "Avenir Book", "Avenir", "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
}
.ad-input.ad-input-success:focus {
  border-color: #05b905;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(5, 185, 5, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(5, 185, 5, 0.3);
}
.ad-input.ad-input-error:focus {
  border-color: #ff3300;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(255, 51, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(255, 51, 0, 0.3);
}
/**
 * 输入框容器
 */
.ad-input-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ad-input-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ad-input-container > .ad-input {
  vertical-align: top;
}
.ad-input-box {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #d7dde4;
  background-color: #fff;
}
.ad-input-box:focus {
  background-color: #fff;
  border-color: #10a5f1;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ad-input.ad-input-box[disabled],
.ad-input.ad-input-box[readonly] {
  background-color: #fff;
}
.ad-input.ad-input-box[readonly]:focus {
  background-color: #fff;
  border-color: #d7dde4;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/**
 * 复选框样式
 */
.ad-checkbox,
.ad-radio {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
.ad-checkbox > *,
.ad-radio > * {
  display: inline-block;
  vertical-align: middle;
}
.ad-checkbox > input[type="checkbox"] + *,
.ad-radio > input[type="radio"] + * {
  margin-left: 0.06rem;
}
.ad-checkbox > input[type="checkbox"] {
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  margin: 0;
  padding: 0;
  width: 0.14rem;
  height: 0.14rem;
  text-align: center;
  border: 1px solid #ccc;
  color: transparent;
  overflow: hidden;
  border-radius: 0.02rem;
  background-color: #fff;
}
.ad-checkbox > input[type="checkbox"]:checked {
  border: 1px solid #ccc;
  position: relative;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.ad-checkbox > input[type="checkbox"]:checked + * {
  color: #666;
}
.ad-checkbox > input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  width: 0.09rem;
  height: 0.05rem;
  background: transparent;
  top: 0.02rem;
  left: 0.02rem;
  border: 2px solid #999;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ad-checkbox.ad-checkbox-info > input[type="checkbox"]:checked {
  border-color: #10a5f1;
  background-color: #10a5f1;
}
.ad-checkbox.ad-checkbox-info > input[type="checkbox"]:checked + * {
  color: #10a5f1;
}
.ad-checkbox.ad-checkbox-danger > input[type="checkbox"]:checked {
  border-color: #ff3300;
  background-color: #ff3300;
}
.ad-checkbox.ad-checkbox-danger > input[type="checkbox"]:checked + * {
  color: #ff3300;
}
.ad-checkbox.ad-checkbox-success > input[type="checkbox"]:checked {
  border-color: #05b905;
  background-color: #05b905;
}
.ad-checkbox.ad-checkbox-success > input[type="checkbox"]:checked + * {
  color: #05b905;
}
.ad-checkbox.ad-checkbox-warning > input[type="checkbox"]:checked {
  border-color: #f5700a;
  background-color: #f5700a;
}
.ad-checkbox.ad-checkbox-warning > input[type="checkbox"]:checked + * {
  color: #f5700a;
}
.ad-checkbox.ad-checkbox-primary > input[type="checkbox"]:checked {
  border-color: #0789ca;
  background-color: #0789ca;
}
.ad-checkbox.ad-checkbox-primary > input[type="checkbox"]:checked + * {
  color: #0789ca;
}
.ad-checkbox.ad-checkbox-success > input[type="checkbox"]:checked:after,
.ad-checkbox.ad-checkbox-danger > input[type="checkbox"]:checked:after,
.ad-checkbox.ad-checkbox-warning > input[type="checkbox"]:checked:after,
.ad-checkbox.ad-checkbox-primary > input[type="checkbox"]:checked:after,
.ad-checkbox.ad-checkbox-info > input[type="checkbox"]:checked:after {
  border-color: #fff;
}
.ad-checkbox > input[type="checkbox"][disabled],
.ad-checkbox > input[type="checkbox"][disabled]:checked {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ad-checkbox > input[type="checkbox"][disabled] + *,
.ad-checkbox > input[type="checkbox"][disabled]:checked + * {
  color: #999;
}
.ad-checkbox > input[type="checkbox"][disabled]:checked:after {
  border-color: #ccc;
}
/**
 * 单选框
 */
.ad-radio > input[type="radio"] {
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  margin: 0;
  padding: 0;
  width: 0.14rem;
  height: 0.14rem;
  line-height: 1.6;
  text-align: center;
  border: 1px solid #ccc;
  color: transparent;
  overflow: hidden;
  background-color: #fff;
  border-radius: 100%;
}
.ad-radio > input[type="radio"]:checked {
  border: 1px solid #ccc;
  position: relative;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.ad-radio > input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  width: 0.08rem;
  height: 0.08rem;
  background: #999;
  top: 0.02rem;
  left: 0.02rem;
  border: 1px solid #999;
  border-radius: 100%;
}
.ad-radio > input[type="radio"]:checked + * {
  color: #666;
}
.ad-radio.ad-radio-info > input[type="radio"]:checked:after {
  border-color: #10a5f1;
  background-color: #10a5f1;
}
.ad-radio.ad-radio-info > input[type="radio"]:checked {
  border-color: #10a5f1;
}
.ad-radio.ad-radio-info > input[type="radio"]:checked + * {
  color: #10a5f1;
}
.ad-radio.ad-radio-danger > input[type="radio"]:checked:after {
  border-color: #ff3300;
  background-color: #ff3300;
}
.ad-radio.ad-radio-danger > input[type="radio"]:checked {
  border-color: #ff3300;
}
.ad-radio.ad-radio-danger > input[type="radio"]:checked + * {
  color: #ff3300;
}
.ad-radio.ad-radio-success > input[type="radio"]:checked:after {
  border-color: #05b905;
  background-color: #05b905;
}
.ad-radio.ad-radio-success > input[type="radio"]:checked {
  border-color: #05b905;
}
.ad-radio.ad-radio-success > input[type="radio"]:checked + * {
  color: #05b905;
}
.ad-radio.ad-radio-warning > input[type="radio"]:checked:after {
  border-color: #f5700a;
  background-color: #f5700a;
}
.ad-radio.ad-radio-warning > input[type="radio"]:checked {
  border-color: #f5700a;
}
.ad-radio.ad-radio-warning > input[type="radio"]:checked + * {
  color: #f5700a;
}
.ad-radio.ad-radio-primary > input[type="radio"]:checked:after {
  border-color: #0789ca;
  background-color: #0789ca;
}
.ad-radio.ad-radio-primary > input[type="radio"]:checked {
  border-color: #0789ca;
}
.ad-radio.ad-radio-primary > input[type="radio"]:checked + * {
  color: #0789ca;
}
.ad-radio > input[type="radio"][disabled],
.ad-radio > input[type="radio"][disabled]:checked {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ad-radio > input[type="radio"][disabled] + *,
.ad-radio > input[type="radio"][disabled]:checked + * {
  color: #999;
}
.ad-radio > input[type="radio"][disabled]:checked:after {
  border-color: #ccc;
  background-color: #ccc;
}
/*复选框开关样式css定义1*/
.ad-checkwrapper {
  display: inline-block;
  width: 0.4rem;
  height: 0.2rem;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.ad-checkwrapper > input[type="checkbox"] {
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #999;
  border-radius: 0.02rem;
  outline: 0;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  margin: 0;
  padding: 0;
}
.ad-checkwrapper[data-offtheme="info"] > input[type="checkbox"] {
  background: #10a5f1;
}
.ad-checkwrapper[data-offtheme="success"] > input[type="checkbox"] {
  background: #05b905;
}
.ad-checkwrapper[data-offtheme="warning"] > input[type="checkbox"] {
  background: #f5700a;
}
.ad-checkwrapper[data-offtheme="danger"] > input[type="checkbox"] {
  background: #ff3300;
}
.ad-checkwrapper[data-offtheme="primary"] > input[type="checkbox"] {
  background: #0789ca;
}
.ad-checkwrapper input[type="checkbox"]:after {
  position: absolute;
  content: "";
  top: 0.02rem;
  left: 0.015rem;
  width: 0.15rem;
  height: 0.15rem;
  background: #f1f1f1;
  z-index: 2;
  border-radius: 0.02rem;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.ad-checkwrapper svg {
  position: absolute;
  top: 70%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  fill: #fff;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  z-index: 1;
}
.ad-checkwrapper .is_checked {
  width: 0.09rem;
  top: 45%;
  left: 14%;
  -webkit-transform: translateX(190%) translateY(-30%) scale(0);
  transform: translateX(190%) translateY(-30%) scale(0);
}
.ad-checkwrapper .is_unchecked {
  width: 0.075rem;
  right: 14%;
  top: 45%;
  -webkit-transform: translateX(0) translateY(-30%) scale(1);
  transform: translateX(0) translateY(-30%) scale(1);
}
/* Checked State */
.ad-checkwrapper input[type="checkbox"]:checked {
  background: #42b983;
}
.ad-checkwrapper[data-ontheme="info"] input[type="checkbox"]:checked {
  background: #10a5f1;
}
.ad-checkwrapper[data-ontheme="success"] input[type="checkbox"]:checked {
  background: #05b905;
}
.ad-checkwrapper[data-ontheme="primary"] input[type="checkbox"]:checked {
  background: #0789ca;
}
.ad-checkwrapper[data-ontheme="danger"] input[type="checkbox"]:checked {
  background: #ff3300;
}
.ad-checkwrapper[data-ontheme="warning"] input[type="checkbox"]:checked {
  background: #f5700a;
}
.ad-checkwrapper input[type="checkbox"]:checked:after {
  left: calc(100% - 0.185rem);
}
.ad-checkwrapper input[type="checkbox"]:checked + .is_checked {
  -webkit-transform: translateX(0) translateY(-30%) scale(1);
  transform: translateX(0) translateY(-30%) scale(1);
}
.ad-checkwrapper input[type="checkbox"]:checked ~ .is_unchecked {
  -webkit-transform: translateX(-190%) translateY(-30%) scale(0);
  transform: translateX(-190%) translateY(-30%) scale(0);
}
/**
 * 复选框/单选框样式1
 */
.ad-checkanimated {
  position: relative;
  display: inline-block;
  min-width: 0.5rem;
  width: 100%;
  max-width: 0.7rem;
}
.ad-checkanimated[data-theme="info"] {
  --cb_bg-color_checked: #10a5f1;
}
.ad-checkanimated[data-theme="success"] {
  --cb_bg-color_checked: #05b905;
}
.ad-checkanimated[data-theme="warning"] {
  --cb_bg-color_checked: #f5700a;
}
.ad-checkanimated[data-theme="primary"] {
  --cb_bg-color_checked: #0789ca;
}
.ad-checkanimated[data-theme="danger"] {
  --cb_bg-color_checked: #ff3300;
}
@supports ((max-width: -webkit-max-content) or (max-width: -moz-max-content) or (max-width: max-content)) {
  .ad-checkanimated {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.cb-item_input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.ad-checkanimated .cb-item_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.03rem 0.05rem 0.03rem 0.1rem;
  cursor: pointer;
  font-size: 0.14rem;
  line-height: 1.6;
  color: #657180;
  background-color: #f5f5f5;
  border: 1px solid;
  border-color: #ccc;
  border-radius: 0.2rem;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.ad-checkanimated .cb-item_label-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ad-checkanimated .cb-item_marker {
  position: relative;
  display: inline-block;
  /* Needs for IE10 */
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.12rem;
  background-color: #fff;
  border: 1px solid;
  border-color: #ccc;
  border-radius: 50%;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.cb-item_marker_short-line,
.cb-item_marker_long-line {
  position: absolute;
  overflow: hidden;
  height: 0.015rem;
  background-color: transparent;
  -webkit-transform-origin: left;
  transform-origin: left;
}
.cb-item_marker_short-line {
  top: 0.06rem;
  left: 0.03rem;
  width: 0.05rem;
  -webkit-transform: rotate(44.5deg);
  transform: rotate(44.5deg);
}
.cb-item_marker_long-line {
  top: 0.1rem;
  left: 0.06rem;
  width: 0.08rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cb-item_marker_short-line::before,
.cb-item_marker_long-line::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #42b983;
  -webkit-transform: translateX(-110%);
  transform: translateX(-110%);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.ad-checkanimated[data-theme="info"] .cb-item_marker_short-line::before,
.ad-checkanimated[data-theme="info"] .cb-item_marker_long-line::before {
  background-color: #10a5f1;
}
.ad-checkanimated[data-theme="success"] .cb-item_marker_short-line::before,
.ad-checkanimated[data-theme="success"] .cb-item_marker_long-line::before {
  background-color: #05b905;
}
.ad-checkanimated[data-theme="warning"] .cb-item_marker_short-line::before,
.ad-checkanimated[data-theme="warning"] .cb-item_marker_long-line::before {
  background-color: #f5700a;
}
.ad-checkanimated[data-theme="danger"] .cb-item_marker_short-line::before,
.ad-checkanimated[data-theme="danger"] .cb-item_marker_long-line::before {
  background-color: #ff3300;
}
.ad-checkanimated[data-theme="primary"] .cb-item_marker_short-line::before,
.ad-checkanimated[data-theme="primary"] .cb-item_marker_long-line::before {
  background-color: #0789ca;
}
/* Checkbox with Animated Marker :checked State */
.ad-checkanimated .cb-item_input:checked + .cb-item_label {
  color: #fff;
  background-color: #42b983;
}
.ad-checkanimated[data-theme="info"] .cb-item_input:checked + .cb-item_label {
  background-color: #10a5f1;
}
.ad-checkanimated[data-theme="success"] .cb-item_input:checked + .cb-item_label {
  background-color: #05b905;
}
.ad-checkanimated[data-theme="danger"] .cb-item_input:checked + .cb-item_label {
  background-color: #ff3300;
}
.ad-checkanimated[data-theme="warning"] .cb-item_input:checked + .cb-item_label {
  background-color: #f5700a;
}
.ad-checkanimated[data-theme="primary"] .cb-item_input:checked + .cb-item_label {
  background-color: #0789ca;
}
.ad-checkanimated .cb-item_input:checked + .cb-item_label,
.ad-checkanimated .cb-item_input:checked + .cb-item_label .cb-item_marker {
  border-color: transparent;
}
.ad-checkanimated .cb-item_input:checked + .cb-item_label .cb-item_marker_short-line::before,
.ad-checkanimated .cb-item_input:checked + .cb-item_label .cb-item_marker_long-line::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.cb-item_marker_long-line::before,
.ad-checkanimated .cb-item_input:checked + .cb-item_label .cb-item_marker_short-line::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.cb-item_marker_short-line::before,
.ad-checkanimated .cb-item_input:checked + .cb-item_label .cb-item_marker_long-line::before {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s;
}
/* Checkbox with Animated Marker :disabled State */
.ad-checkanimated .cb-item_input:disabled + .cb-item_label {
  cursor: default;
  color: #999;
}
/* Checkbox with Animated Marker :disabled:checked State */
.ad-checkanimated .cb-item_input:disabled:checked + .cb-item_label {
  background-color: #f5f5f5;
}
.ad-checkanimated .cb-item_input:disabled:checked + .cb-item_label,
.ad-checkanimated .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  border-color: #ccc;
}
.ad-checkanimated .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker_short-line::before,
.ad-checkanimated .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker_long-line::before {
  background-color: #ccc;
}
/**
 * 复选框css样式2
 */
.ad-checktoggler {
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: fit-content;
}
.ad-checktoggler .cb-item_label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-size: 0.18rem;
  line-height: 0.18rem;
  background-color: transparent;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.ad-checktoggler .cb-item_marker {
  position: relative;
  display: inline-block;
  /* Needs for IE10 */
  width: 0.16rem;
  height: 0.16rem;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25), 0 3px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25), 0 3px 2px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.ad-checktoggler .cb-item_marker::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  border-radius: 50%;
  -webkit-animation: toggler-unswitch 400ms ease-out;
  -ms-animation: toggler-unswitch 400ms ease-out;
  -moz-animation: toggler-unswitch 400ms ease-out;
  animation: toggler-unswitch 400ms ease-out;
}
.cb-item_label-off,
.cb-item_label-on {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  margin-left: 0.06rem;
  white-space: nowrap;
  font-size: 0.14rem;
}
.cb-item_label-on {
  position: absolute;
  top: 0;
  right: 0;
}
.cb-item_label-off {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.cb-item_label-on {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* Checkbox On/Off Toggler :checked State */
.ad-checktoggler .cb-item_input:checked + .cb-item_label .cb-item_marker,
.ad-checktoggler .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  background-color: #42b983;
}
.ad-checktoggler[data-theme="info"] .cb-item_input:checked + .cb-item_label .cb-item_marker,
.ad-checktoggler[data-theme="info"] .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  background-color: #10a5f1;
}
.ad-checktoggler[data-theme="success"] .cb-item_input:checked + .cb-item_label .cb-item_marker,
.ad-checktoggler[data-theme="success"] .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  background-color: #05b905;
}
.ad-checktoggler[data-theme="primary"] .cb-item_input:checked + .cb-item_label .cb-item_marker,
.ad-checktoggler[data-theme="primary"] .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  background-color: #0789ca;
}
.ad-checktoggler[data-theme="warning"] .cb-item_input:checked + .cb-item_label .cb-item_marker,
.ad-checktoggler[data-theme="warning"] .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  background-color: #f5700a;
}
.ad-checktoggler[data-theme="danger"] .cb-item_input:checked + .cb-item_label .cb-item_marker,
.ad-checktoggler[data-theme="danger"] .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  background-color: #ff3300;
}
.ad-checktoggler .cb-item_input:checked + .cb-item_label .cb-item_marker::before {
  -webkit-animation: toggler-switch 400ms ease-out;
  animation: toggler-switch 400ms ease-out;
  -moz-animation: toggler-switch 400ms ease-out;
  -ms-animation: toggler-switch 400ms ease-out;
}
.ad-checktoggler .cb-item_input:checked + .cb-item_label .cb-item_label-off {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.ad-checktoggler .cb-item_input:checked + .cb-item_label .cb-item_label-on {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* Checkbox On/Off Toggler :disabled State */
.ad-checktoggler .cb-item_input:disabled + .cb-item_label {
  opacity: 0.8;
  cursor: default;
}
.ad-checktoggler .cb-item_input:disabled + .cb-item_label .cb-item_marker {
  background-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Checkbox On/Off Toggler Animation */
@-webkit-keyframes toggler-switch {
  0% {
    opacity: 0;
    /* Removes flash bug in Safari */
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  1% {
    opacity: 0.1;
    -webkit-box-shadow: 0 0 0 0 #42b983;
    box-shadow: 0 0 0 0 #42b983;
  }
  99% {
    opacity: 0.1;
    -webkit-box-shadow: 0 0 5px 15px #42b983;
    box-shadow: 0 0 5px 15px #42b983;
  }
  100% {
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@keyframes toggler-switch {
  0% {
    opacity: 0;
    /* Removes flash bug in Safari */
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  1% {
    opacity: 0.1;
    -webkit-box-shadow: 0 0 0 0 #42b983;
    box-shadow: 0 0 0 0 #42b983;
  }
  99% {
    opacity: 0.1;
    -webkit-box-shadow: 0 0 5px 15px #42b983;
    box-shadow: 0 0 5px 15px #42b983;
  }
  100% {
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@-webkit-keyframes toggler-unswitch {
  0% {
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  1% {
    opacity: 0.15;
    -webkit-box-shadow: 0 0 0 0 #eeeeee;
    box-shadow: 0 0 0 0 #eeeeee;
  }
  99% {
    opacity: 0.15;
    -webkit-box-shadow: 0 0 5px 15px #eeeeee;
    box-shadow: 0 0 5px 15px #eeeeee;
  }
  100% {
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@keyframes toggler-unswitch {
  0% {
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  1% {
    opacity: 0.15;
    -webkit-box-shadow: 0 0 0 0 #eeeeee;
    box-shadow: 0 0 0 0 #eeeeee;
  }
  99% {
    opacity: 0.15;
    -webkit-box-shadow: 0 0 5px 15px #eeeeee;
    box-shadow: 0 0 5px 15px #eeeeee;
  }
  100% {
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
/**
 * 复选框css样式3
 */
.ad-checkitemStyle {
  position: relative;
  display: inline-block;
}
.ad-checkitemStyle .cb-item_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.4rem;
  height: 0.2rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid;
  border-color: #ccc;
  border-radius: 0.2rem;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0 !important;
}
.ad-checkitemStyle .cb-item_marker {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(0.01rem);
  transform: translateX(0.01rem);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
/* Checkbox Switcher Style #1 :checked State */
.ad-checkitemStyle .cb-item_input:checked + .cb-item_label {
  background-color: #42b983;
  border-color: transparent;
}
.ad-checkitemStyle[data-theme="info"] .cb-item_input:checked + .cb-item_label {
  background-color: #10a5f1;
}
.ad-checkitemStyle[data-theme="success"] .cb-item_input:checked + .cb-item_label {
  background-color: #05b905;
}
.ad-checkitemStyle[data-theme="primary"] .cb-item_input:checked + .cb-item_label {
  background-color: #0789ca;
}
.ad-checkitemStyle[data-theme="warning"] .cb-item_input:checked + .cb-item_label {
  background-color: #f5700a;
}
.ad-checkitemStyle[data-theme="danger"] .cb-item_input:checked + .cb-item_label {
  background-color: #ff3300;
}
.ad-checkitemStyle .cb-item_input:checked + .cb-item_label .cb-item_marker {
  -webkit-box-shadow: -2px 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: -2px 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateX(0.22rem);
  transform: translateX(0.22rem);
}
/* Checkbox Switcher Style #1 :disabled State */
.ad-checkitemStyle .cb-item_input:disabled + .cb-item_label {
  opacity: 0.8;
  cursor: default;
  background-color: #ccc;
}
.ad-checkitemStyle .cb-item_input:disabled + .cb-item_label .cb-item_marker {
  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.07);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.07);
}
/* Checkbox Switcher Style #1 :disabled:checked State */
.ad-checkitemStyle .cb-item_input:disabled:checked + .cb-item_label {
  background-color: #42b983;
}
.ad-checkitemStyle[data-theme="info"] .cb-item_input:disabled:checked + .cb-item_label {
  background-color: #10a5f1;
}
.ad-checkitemStyle[data-theme="success"] .cb-item_input:disabled:checked + .cb-item_label {
  background-color: #05b905;
}
.ad-checkitemStyle[data-theme="primary"] .cb-item_input:disabled:checked + .cb-item_label {
  background-color: #0789ca;
}
.ad-checkitemStyle[data-theme="warning"] .cb-item_input:disabled:checked + .cb-item_label {
  background-color: #f5700a;
}
.ad-checkitemStyle[data-theme="danger"] .cb-item_input:disabled:checked + .cb-item_label {
  background-color: #ff3300;
}
.ad-checkitemStyle .cb-item_input:disabled:checked + .cb-item_label .cb-item_marker {
  -webkit-box-shadow: -2px 4px 6px rgba(0, 0, 0, 0.07);
  box-shadow: -2px 4px 6px rgba(0, 0, 0, 0.07);
}
/**
 * 表单
 */
.ad-form,
.ad-form-inline,
.ad-form-vertical {
  display: block;
}
.ad-form > .ad-form-group {
  display: block;
  padding: 0.06rem;
  vertical-align: middle;
  margin-bottom: 0.15rem;
}
.ad-form > .ad-form-group > label {
  font-weight: bold;
  margin-bottom: 0.1rem;
  text-align: left;
}
.ad-form > .ad-form-group > * {
  display: block;
  width: 100%;
}
.ad-form-inline > .ad-form-group {
  display: inline-block;
  padding: 0.06rem;
  vertical-align: middle;
  margin-right: 0.1rem;
}
.ad-form-inline > .ad-form-group > label {
  padding-right: 0.15rem;
  vertical-align: middle;
  font-weight: bold;
}
.ad-form-inline > .ad-form-group > * {
  display: inline-block;
  vertical-align: middle;
}
.ad-form-vertical > .ad-form-group {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 0.06rem;
  vertical-align: middle;
  margin-bottom: 0.15rem;
}
.ad-form-vertical > .ad-form-group > label {
  font-weight: bold;
  padding-right: 0.15rem;
  text-align: right;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
/**
 * 缩略图样式
 */
.ad-img-thumbnail {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0.05rem;
  border: 1px solid #d7dde4;
  border-radius: 0.02rem;
}
.ad-img-thumbnail:hover,
.ad-img-thumbnail:focus,
.ad-img-thumbnail:active {
  border-color: #43b7f3;
  cursor: pointer;
}
/**
 * 缩略图组件
 */
.ad-thumbnail {
  background-color: #fff;
  display: block;
  border: 1px solid #d7dde4;
  padding: 0.06rem;
  width: 100%;
  max-height: 100%;
}
.ad-thumbnail:hover,
.ad-thumbnail:focus,
.ad-thumbnail:active {
  border-color: #43b7f3;
}
.ad-thumbnail > img {
  display: block;
  width: 100%;
  height: auto;
}
.ad-thumbnail > img:hover {
  cursor: pointer;
}
.ad-thumbnail > .ad-thumbnail-cap {
  padding: 0.06rem;
  margin: 0.15rem auto;
  color: #657180;
}
.ad-img-width-full {
  display: inline-block;
  width: 100%;
  height: auto;
  max-height: 100%;
}
/**
 * 椭圆图,如果图片长宽等高,则为圆形
 */
.ad-img-circle {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;
}
/**
 * 响应式图片
 */
.ad-img-response {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
/**
 * 自适应父元素的图片
 */
.ad-img-full {
  width: 100%;
  height: 100%;
}
/**
 * 定义下拉选
 */
.ad-selected {
  /* 清除默认的样式*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  line-height: 1.6;
  padding: 0.06rem 0.1rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 200ms, -webkit-box-shadow ease-in-out 200ms;
  -o-transition: border-color ease-in-out 200ms, box-shadow ease-in-out 200ms;
  transition: border-color ease-in-out 200ms, box-shadow ease-in-out 200ms;
  position: relative;
  border: 1px solid #d7dde4;
  background-color: #fff;
  color: #657180;
}
.ad-selected::-ms-expand {
  display: none;
}
.ad-selected:hover {
  cursor: pointer;
}
.ad-btn-xl,
.ad-input-xl,
.ad-selected-xl {
  font-size: 0.18rem;
  padding: 0.1rem 0.15rem;
}
.ad-btn-lg,
.ad-input-lg,
.ad-selected-lg {
  font-size: 0.16rem;
  padding: 0.08rem 0.12rem;
}
.ad-btn-md,
.ad-input-md,
.ad-selected-md {
  font-size: 0.14rem;
  padding: 0.06rem 0.1rem;
}
.ad-btn-sm,
.ad-input-sm,
.ad-selected-sm {
  font-size: 0.12rem;
  padding: 0.04rem 0.08rem;
}
.ad-btn-xs,
.ad-input-xs,
.ad-selected-xs {
  font-size: 0.1rem;
  padding: 0.02rem 0.06rem;
}
/**
 * 基于select标签的下拉选组件
 */
.ad-selected-container {
  display: inline-block;
  position: relative;
}
.ad-selected-container > .ad-selected {
  position: relative;
  z-index: 2;
  background: transparent;
  vertical-align: top;
}
.ad-selected-caret {
  position: absolute;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  top: 0;
  z-index: 1;
}
/*进度条样式*/
.ad-progress {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  border-radius: 0.04rem;
  border: none;
  color: #eeeeee;
  background-color: #f5f5f5;
  width: 100%;
  height: 0.1rem;
  margin-bottom: 0.1rem;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/*全部进度*/
.ad-progress::-webkit-progress-bar {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0.04rem;
  background-color: #f5f5f5;
  box-shadow: iinset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
/*已完成进度*/
.ad-progress::-moz-progress-bar {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0.04rem;
  background-color: #ccc;
}
/*已完成进度*/
.ad-progress::-webkit-progress-value {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0.04rem;
  background-color: #ccc;
}
/* 进度条圆角样式 */
.ad-progress.ad-radius-none {
  border-radius: 0;
}
.ad-progress.ad-radius-none::-webkit-progress-bar {
  border-radius: 0;
}
.ad-progress.ad-radius-none::-moz-progress-bar {
  border-radius: 0;
}
.ad-progress.ad-radius-none::-webkit-progress-value {
  border-radius: 0;
}
.ad-progress.ad-radius-xs {
  border-radius: 0.02rem;
}
.ad-progress.ad-radius-xs::-webkit-progress-bar {
  border-radius: 0.02rem;
}
.ad-progress.ad-radius-xs::-moz-progress-bar {
  border-radius: 0.02rem;
}
.ad-progress.ad-radius-xs::-webkit-progress-value {
  border-radius: 0.02rem;
}
.ad-progress.ad-radius-sm {
  border-radius: 0.04rem;
}
.ad-progress.ad-radius-sm::-webkit-progress-bar {
  border-radius: 0.04rem;
}
.ad-progress.ad-radius-sm::-moz-progress-bar {
  border-radius: 0.04rem;
}
.ad-progress.ad-radius-sm::-webkit-progress-value {
  border-radius: 0.04rem;
}
.ad-progress.ad-radius-md {
  border-radius: 0.08rem;
}
.ad-progress.ad-radius-md::-webkit-progress-bar {
  border-radius: 0.08rem;
}
.ad-progress.ad-radius-md::-moz-progress-bar {
  border-radius: 0.08rem;
}
.ad-progress.ad-radius-md::-webkit-progress-value {
  border-radius: 0.08rem;
}
.ad-progress.ad-radius-lg {
  border-radius: 0.12rem;
}
.ad-progress.ad-radius-lg::-webkit-progress-bar {
  border-radius: 0.12rem;
}
.ad-progress.ad-radius-lg::-moz-progress-bar {
  border-radius: 0.12rem;
}
.ad-progress.ad-radius-lg::-webkit-progress-value {
  border-radius: 0.12rem;
}
.ad-progress.ad-radius-xl {
  border-radius: 0.2rem;
}
.ad-progress.ad-radius-xl::-webkit-progress-bar {
  border-radius: 0.2rem;
}
.ad-progress.ad-radius-xl::-moz-progress-bar {
  border-radius: 0.2rem;
}
.ad-progress.ad-radius-xl::-webkit-progress-value {
  border-radius: 0.2rem;
}
/**
 * 蓝色进度条
 */
.ad-progress-info {
  color: #10a5f1;
}
.ad-progress-info::-webkit-progress-value {
  background-color: #10a5f1;
}
.ad-progress-info::-moz-progress-bar {
  background-color: #10a5f1;
}
/**
 * 绿色进度条
 */
.ad-progress-success {
  color: #05b905;
}
.ad-progress-success::-webkit-progress-value {
  background-color: #05b905;
}
.ad-progress-success::-moz-progress-bar {
  background-color: #05b905;
}
/**
 * 橙色进度条
 */
.ad-progress-warning {
  color: #f5700a;
}
.ad-progress-warning::-webkit-progress-value {
  background-color: #f5700a;
}
.ad-progress-warning::-moz-progress-bar {
  background-color: #f5700a;
}
/**
 * 红色进度条
 */
.ad-progress-danger {
  color: #ff3300;
}
.ad-progress-danger::-webkit-progress-value {
  background-color: #ff3300;
}
.ad-progress-danger::-moz-progress-bar {
  background-color: #ff3300;
}
/**
 * 特殊蓝进度条
 */
.ad-progress-primary {
  color: #0789ca;
}
.ad-progress-primary::-webkit-progress-value {
  background-color: #0789ca;
}
.ad-progress-primary::-moz-progress-bar {
  background-color: #0789ca;
}
/**
 * 标签
 */
.ad-label {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0.06rem 0.1rem;
  border-radius: 0.04rem;
  color: #fff;
  font-size: 0.12rem;
  background-color: #999;
}
.ad-label-danger {
  background-color: #ff3300;
}
.ad-label-info {
  background-color: #10a5f1;
}
.ad-label-success {
  background-color: #05b905;
}
.ad-label-warning {
  background-color: #f5700a;
}
.ad-label-primary {
  background-color: #0789ca;
}
/**
 * 表格table样式
 */
.ad-table {
  display: table;
  border-collapse: collapse;
  border: 1px solid #d7dde4;
  width: 100%;
}
.ad-table-header {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table-header-group;
  background-color: #f1f1f1;
  font-weight: bold;
}
.ad-table-header > * {
  display: table-cell;
  padding: 0.06rem;
  border-bottom: 1px solid #d7dde4;
  text-align: center;
  line-height: 1.6;
}
.ad-table-body {
  width: 100%;
  display: table-row-group;
}
.ad-table-item {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table-row;
  cursor: pointer;
}
.ad-table-item > * {
  display: table-cell;
  padding: 0.06rem;
  border-bottom: 1px solid #d7dde4;
  text-align: center;
  line-height: 1.6;
}
.ad-table.ad-table-border .ad-table-item > *,
.ad-table.ad-table-border .ad-table-header > * {
  border: 1px solid #d7dde4;
}
.ad-table.ad-table-striped .ad-table-item:nth-child(2n) {
  background-color: #f5f5f5;
}
.ad-table.ad-table-hover .ad-table-item:hover {
  background-color: #eeeeee !important;
}
/**
 * 面板定义
 */
.ad-panel {
  display: block;
  width: auto;
  height: auto;
  border-radius: 0.04rem;
  margin-bottom: 0.1rem;
}
/**
 * 面板头部 
 */
.ad-panel-header {
  width: 100%;
  margin: 0;
  padding: 0.1rem 0.15rem;
  line-height: 1.6;
}
.ad-panel-header:hover {
  cursor: pointer;
}
/**
 * 面板主体
 */
.ad-panel-body {
  width: 100%;
  background-color: #fff;
  height: auto;
  padding: 0.06rem 0.15rem;
}
.ad-panel-footer {
  width: 100%;
  padding: 0.06rem 0.15rem;
}
/**
 * 默认面板样式
 */
.ad-panel-default {
  border: 1px solid #e2e7ea;
}
.ad-panel-default > .ad-panel-header {
  background-color: #e2e7ea;
}
.ad-panel-default > .ad-panel-footer {
  background-color: #e2e7ea;
  text-align: right;
}
/**
 * 成功面板样式
 */
.ad-panel-success {
  border: 1px solid #c2fdc4;
}
.ad-panel-success > .ad-panel-header {
  background-color: #c2fdc4;
  color: #05b905;
}
.ad-panel-success > .ad-panel-footer {
  background-color: #c2fdc4;
  color: #05b905;
  text-align: right;
}
/**
 * 警告面板样式
 */
.ad-panel-warning {
  border: 1px solid #ffd6b6;
}
.ad-panel-warning > .ad-panel-header {
  background-color: #ffd6b6;
  color: #f5700a;
}
.ad-panel-warning > .ad-panel-footer {
  background-color: #ffd6b6;
  color: #f5700a;
  text-align: right;
}
/**
 * 危险面板样式
 */
.ad-panel-danger {
  border: 1px solid #f9cec3;
}
.ad-panel-danger > .ad-panel-header {
  background-color: #f9cec3;
  color: #ff3300;
}
.ad-panel-danger > .ad-panel-footer {
  background-color: #f9cec3;
  text-align: right;
  color: #ff3300;
}
/**
 * 信息面板样式
 */
.ad-panel-info {
  border: 1px solid #c3ebff;
}
.ad-panel-info > .ad-panel-header {
  background-color: #c3ebff;
  color: #10a5f1;
}
.ad-panel-info > .ad-panel-footer {
  background-color: #c3ebff;
  text-align: right;
  color: #10a5f1;
}
/**
 * 主要面板样式
 */
.ad-panel-primary {
  border: 1px solid #1eacf3;
}
.ad-panel-primary > .ad-panel-header {
  background-color: #1eacf3;
  color: #fff;
}
.ad-panel-primary > .ad-panel-footer {
  background-color: #1eacf3;
  text-align: right;
  color: #fff;
}
/**
 * 文件选择样式
 */
.ad-file {
  display: inline-block;
  /*CSS3自适应内容宽度*/
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
}
.ad-file .img-thumbnail {
  width: auto;
}
/**
 * 分页插件
 */
.ad-page {
  display: block;
  overflow: hidden;
  height: auto;
  margin: 0.1rem 0;
  padding: 0;
}
.ad-page > * {
  margin-left: 0.06rem;
  vertical-align: top;
}
.ad-page > input[type="number"] {
  display: inline-block;
  width: 1rem;
  text-align: center;
}
.ad-page > *:first-child {
  margin-left: 0;
}
/* page2插件 */
.ad-page2 {
  display: block;
  overflow: hidden;
  height: auto;
  margin: 0.1rem 0;
  padding: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.ad-page2-first,
.ad-page2-prev,
.ad-page2-next,
.ad-page2-last {
  display: inline-block;
  line-height: 1.6;
  height: 0.32rem;
  font-size: 0.14rem;
  padding: 0 0.1rem;
  cursor: pointer;
  color: #657180;
  border-radius: 0.04rem;
  margin-left: 0.1rem;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  align-items: center;
}
.ad-page2-first {
  margin-left: 0;
}
.ad-page2-list {
  display: inline-block;
  margin: 0 0 0 0.1rem;
  padding: 0;
}
.ad-page2-list > .ad-page2-item {
  width: 0.32rem;
  height: 0.32rem;
  padding: 0;
  line-height: 1.6;
  font-size: 0.14rem;
  text-align: center;
  border-radius: 0.04rem;
  cursor: pointer;
  margin-left: 0.1rem;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  align-items: center;
}
.ad-page2-list > .ad-page2-item:first-of-type {
  margin-left: 0;
}
.ad-page2-list > .ad-page2-item:hover,
.ad-page2-first:hover,
.ad-page2-prev:hover,
.ad-page2-next:hover,
.ad-page2-last:hover {
  background-color: #f5f5f5;
}
.ad-page2-list > .ad-page2-item:active,
.ad-page2-first:active,
.ad-page2-prev:active,
.ad-page2-next:active,
.ad-page2-last:active {
  background-color: bg-color-lighter;
}
.ad-page2-list[data-style="default"] > .ad-page2-item.active {
  background-color: #eeeeee;
}
.ad-page2-list[data-style="info"] > .ad-page2-item.active {
  background-color: #10a5f1;
  color: #fff;
}
.ad-page2-list[data-style="danger"] > .ad-page2-item.active {
  background-color: #ff3300;
  color: #fff;
}
.ad-page2-list[data-style="primary"] > .ad-page2-item.active {
  background-color: #0789ca;
  color: #fff;
}
.ad-page2-list[data-style="warning"] > .ad-page2-item.active {
  background-color: #f5700a;
  color: #fff;
}
.ad-page2-list[data-style="success"] > .ad-page2-item.active {
  background-color: #05b905;
  color: #fff;
}
.ad-page2-ellipsis {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  line-height: 1.6;
  font-size: 0.14rem;
  text-align: center;
  border-radius: 0.04rem;
  margin-left: 0.1rem;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  align-items: center;
}
.ad-page2-dismiss {
  display: inline-block;
  line-height: 1.6;
  font-size: 0.14rem;
  padding-left: 0.1rem;
  color: #999;
}
.ad-page2-dismiss > .ad-input {
  width: 0.8rem;
  margin: 0 0.1rem;
  text-align: center;
  color: #657180;
}
/**
 * 移动端导航头样式
 */
.ad-mobile-topbar {
  width: 100%;
  height: 0.44rem;
  background-color: #eeeeee;
  box-shadow: 0 1px 2px #d7dde4;
  -webkit-box-shadow: 0 1px 2px #d7dde4;
  padding: 0 0.12rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  margin: 0;
  position: relative;
}
.ad-mobile-topbar-left {
  width: auto;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  position: absolute;
  left: 0.12rem;
  top: 0;
}
.ad-mobile-topbar-right {
  width: auto;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  position: absolute;
  right: 0.12rem;
  top: 0;
}
.ad-mobile-topbar-center {
  width: auto;
  height: 100%;
  line-height: 1.6;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.18rem;
}
.ad-mobile-topbar.ad-mobile-topbar-info {
  background-color: #10a5f1;
  color: #fff;
  box-shadow: 0 1px 2px #0983c1;
  -webkit-box-shadow: 0 1px 2px #0983c1;
}
.ad-mobile-topbar.ad-mobile-topbar-danger {
  background-color: #ff3300;
  color: #fff;
  box-shadow: 0 1px 2px #c12903;
  -webkit-box-shadow: 0 1px 2px #c12903;
}
.ad-mobile-topbar.ad-mobile-topbar-success {
  background-color: #05b905;
  color: #fff;
  box-shadow: 0 1px 2px #069a06;
  -webkit-box-shadow: 0 1px 2px #069a06;
}
.ad-mobile-topbar.ad-mobile-topbar-primary {
  background-color: #0789ca;
  color: #fff;
  box-shadow: 0 1px 2px #075d88;
  -webkit-box-shadow: 0 1px 2px #075d88;
}
.ad-mobile-topbar.ad-mobile-topbar-warning {
  background-color: #f5700a;
  color: #fff;
  box-shadow: 0 1px 2px #cc5d08;
  -webkit-box-shadow: 0 1px 2px #cc5d08;
}
.ad-mobile-topbar.ad-mobile-topbar-transparent-animation {
  transition: background-color 600ms;
  -ms-transition: background-color 600ms;
  -webkit-transition: background-color 600ms;
  -moz-transition: background-color 600ms;
}
/**
 * 移动端底部栏
 */
.ad-mobile-botbar {
  width: 100%;
  height: 0.5rem;
  background-color: #eeeeee;
  padding: 0;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  margin: 0;
  box-shadow: 0 -1px 2px #d7dde4;
  -webkit-box-shadow: 0 -1px 2px #d7dde4;
}
.ad-mobile-botbar > .ad-mobile-botbar-item {
  display: block;
  margin: 0;
  padding: 0 0.12rem;
  height: 100%;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #657180;
  cursor: pointer;
}
.ad-mobile-botbar > .ad-mobile-botbar-item.ad-mobile-botbar-active {
  color: #333;
  font-weight: bold;
}
.ad-mobile-botbar[data-active="info"] > .ad-mobile-botbar-item.ad-mobile-botbar-active {
  color: #10a5f1;
}
.ad-mobile-botbar[data-active="success"] > .ad-mobile-botbar-item.ad-mobile-botbar-active {
  color: #05b905;
}
.ad-mobile-botbar[data-active="warning"] > .ad-mobile-botbar-item.ad-mobile-botbar-active {
  color: #f5700a;
}
.ad-mobile-botbar[data-active="danger"] > .ad-mobile-botbar-item.ad-mobile-botbar-active {
  color: #ff3300;
}
.ad-mobile-botbar[data-active="primary"] > .ad-mobile-botbar-item.ad-mobile-botbar-active {
  color: #0789ca;
}
.ad-mobile-botbar > .ad-mobile-botbar-item > .ad-mobile-botbar-icon {
  display: block;
  text-align: center;
  width: 100%;
  height: 0.36rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  font-size: 0.12rem;
}
.ad-mobile-botbar > .ad-mobile-botbar-item > .ad-mobile-botbar-icon > * {
  display: block;
  width: 100%;
  text-align: center;
}
/**
 * 导航栏
 */
.ad-nav {
  margin: 0;
  background-color: #f5f5f5;
  color: #657180;
  width: 100%;
  padding: 0 0.15rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
}
.ad-nav .ad-nav-center {
  position: absolute;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-nav .ad-nav-right {
  position: absolute;
  right: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-nav .ad-nav-header {
  font-size: 0.2rem;
  color: #42b983;
}
.ad-nav[data-active="info"] .ad-nav-header {
  color: #10a5f1;
}
.ad-nav[data-active="success"] .ad-nav-header {
  color: #05b905;
}
.ad-nav[data-active="danger"] .ad-nav-header {
  color: #ff3300;
}
.ad-nav[data-active="warning"] .ad-nav-header {
  color: #f5700a;
}
.ad-nav[data-active="primary"] .ad-nav-header {
  color: #0789ca;
}
.ad-nav[data-active="dark"] .ad-nav-header {
  color: #fff;
}
.ad-nav .ad-nav-header,
.ad-nav .ad-nav-child {
  height: 0.5rem;
  margin: 0;
  padding: 0 0.15rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ad-nav .ad-nav-child > * {
  margin-right: 0.1rem;
}
.ad-nav .ad-nav-child > *:last-of-type {
  margin-right: 0;
}
.ad-nav-list {
  margin: 0;
  padding: 0 0.15rem;
  list-style: none;
  height: 0.5rem;
  line-height: 1.5;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  color: #657180;
}
.ad-nav-list .ad-nav-item {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0 0.15rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: border-color 0.1s ease, background-color 0.1s ease;
  transition: border-color 0.1s ease, background-color 0.1s ease;
  -ms-transition: border-color 0.1s ease, background-color 0.1s ease;
  -moz-transition: border-color 0.1s ease, background-color 0.1s ease;
}
.ad-nav .ad-nav-active {
  background-color: #42b983;
  color: #fff;
}
.ad-nav[data-active="info"] .ad-nav-active {
  background-color: #10a5f1;
  color: #fff;
}
.ad-nav[data-active="primary"] .ad-nav-active {
  background-color: #0789ca;
  color: #fff;
}
.ad-nav[data-active="success"] .ad-nav-active {
  background-color: #05b905;
  color: #fff;
}
.ad-nav[data-active="danger"] .ad-nav-active {
  background-color: #ff3300;
  color: #fff;
}
.ad-nav[data-active="warning"] .ad-nav-active {
  background-color: #f5700a;
  color: #fff;
}
.ad-nav-list .ad-nav-item:hover {
  cursor: pointer;
  background-color: #e2e2e2;
}
.ad-nav .ad-nav-item.ad-nav-active:hover {
  background-color: #42b983;
}
.ad-nav[data-active="info"] .ad-nav-item.ad-nav-active:hover {
  background-color: #10a5f1;
}
.ad-nav[data-active="primary"] .ad-nav-item.ad-nav-active:hover {
  background-color: #0789ca;
}
.ad-nav[data-active="success"] .ad-nav-item.ad-nav-active:hover {
  background-color: #05b905;
}
.ad-nav[data-active="danger"] .ad-nav-item.ad-nav-active:hover {
  background-color: #ff3300;
}
.ad-nav[data-active="warning"] .ad-nav-item.ad-nav-active:hover {
  background-color: #f5700a;
}
/* 反色调导航栏 */
.ad-nav[data-active="dark"] {
  background-color: #333;
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.ad-nav[data-active="dark"] .ad-nav-list {
  color: #666;
  background-color: #333;
}
.ad-nav[data-active="dark"] .ad-nav-list .ad-nav-item:hover {
  color: #fff;
  background-color: #333;
}
.ad-nav[data-active="dark"] .ad-nav-item.ad-nav-active,
.ad-nav[data-active="dark"] .ad-nav-item.ad-nav-active:hover {
  color: #fff;
  background-color: #000;
}
/**
 * 图片浏览器定义
 */
.ad-image-viewer {
  cursor: pointer;
}
.ad-image-viewer-container {
  width: 100%;
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  background-color: #000000;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ad-image-viewer-container .ad-swiper .ad-swiper-slide {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ad-image-viewer-container .ad-swiper .ad-swiper-pagination {
  z-index: 20;
}
.ad-image-bar {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  height: 0.44rem;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  line-height: 1.6;
  color: #fff;
  z-index: 20;
}
.ad-image-bar > .ad-image-bar-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.44rem;
  height: 0.44rem;
  text-align: center;
  font-size: 0.16rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  cursor: pointer;
}
.ad-image-bar > .ad-image-bar-center {
  font-size: 0.14rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.ad-image-text-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.ad-image-text-container .ad-image-title {
  display: block;
  line-height: 1.6;
  font-size: 0.2rem;
  padding: 0.06rem 0.12rem;
  text-align: center;
}
.ad-image-text-container .ad-image-description {
  display: block;
  line-height: 1.6;
  font-size: 0.14rem;
  padding: 0.06rem 0.12rem;
  text-align: center;
}
/**
 * 模态框插件css定义
 */
.ad-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1200;
  width: 100%;
  height: auto;
  background-color: rgba(10, 20, 30, 0.3);
}
.ad-modal-dialog {
  display: none;
  position: fixed;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  left: 50%;
  top: 50%;
}
/* 左侧进场动画 */
.ad-modal-dialog-transition-left {
  transition: left 800ms;
  -webkit-transition: left 800ms;
  -moz-transition: left 800ms;
  -ms-transition: left 800ms;
}
/* 右侧进场动画 */
.ad-modal-dialog-transition-right {
  transition: right 800ms;
  -webkit-transition: right 800ms;
  -moz-transition: right 800ms;
  -ms-transition: right 800ms;
}
/* 下方进场动画 */
.ad-modal-dialog-transition-bottom {
  transition: bottom 600ms;
  -webkit-transition: bottom 600ms;
  -moz-transition: bottom 600ms;
  -ms-transition: bottom 600ms;
}
/* 上方进场动画 */
.ad-modal-dialog-transition-top {
  transition: top 600ms;
  -webkit-transition: top 600ms;
  -moz-transition: top 600ms;
  -ms-transition: top 600ms;
}
.ad-modal-wrapper {
  width: 100%;
  height: 100%;
  transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -webkit-transition: all 200ms;
  background-color: #fff;
  border-radius: 0.04rem;
  margin: 0 auto;
  padding: 0;
}
.ad-modal-show {
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ad-modal-hide {
  opacity: 0;
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
@media only screen and (min-width: 0px) {
  .ad-modal-dialog,
  .ad-alert-dialog,
  .ad-confirm-dialog,
  .ad-prompt-dialog {
    width: 3.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .ad-alert-dialog,
  .ad-confirm-dialog,
  .ad-prompt-dialog,
  .ad-modal[data-modal='modal'] > .ad-modal-dialog {
    width: 3.4rem;
  }
  .ad-modal-dialog {
    width: 4.8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-alert-dialog,
  .ad-confirm-dialog,
  .ad-prompt-dialog,
  .ad-modal[data-modal='modal'] > .ad-modal-dialog {
    width: 3.6rem;
  }
  .ad-modal-dialog {
    width: 6rem;
  }
}
@media only screen and (min-width: 1440px) {
  .ad-alert-dialog,
  .ad-confirm-dialog,
  .ad-prompt-dialog,
  .ad-modal[data-modal='modal'] > .ad-modal-dialog {
    width: 3.8rem;
  }
  .ad-modal-dialog {
    width: 6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ad-alert-dialog,
  .ad-confirm-dialog,
  .ad-prompt-dialog,
  .ad-modal[data-modal='modal'] > .ad-modal-dialog {
    width: 4rem;
  }
  .ad-modal-dialog {
    width: 6rem;
  }
}
.ad-modal-header {
  width: 100%;
  padding: 0.1rem;
  font-size: 0.16rem;
  color: #464c5b;
  text-align: center;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ad-modal-body {
  width: 100%;
  padding: 0.15rem;
  min-height: 1rem;
  overflow: auto;
  overflow-x: hidden;
  height: auto;
}
.ad-modal-footer {
  display: block;
  padding: 0.1rem;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #f1f1f1;
}
.ad-modal-base .ad-modal-footer {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}
.ad-modal-base .ad-modal-footer > * {
  margin-left: 0.1rem;
}
.ad-modal[data-close] .ad-modal-header {
  pointer-events: none;
  padding: 0.1rem 0.5rem;
}
.ad-modal[data-close] .ad-modal-header::after {
  position: absolute;
  content: "\2715";
  right: 0;
  padding: 0 0.15rem;
  height: 100%;
  top: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #999;
  font-size: 0.14rem;
  opacity: 0.8;
  pointer-events: auto;
  cursor: pointer;
}
/*警告框*/
.ad-alert,
.ad-confirm,
.ad-prompt {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1500;
  width: 100%;
  height: auto;
  background-color: rgba(10, 20, 30, 0.3);
}
.ad-alert-dialog,
.ad-confirm-dialog,
.ad-prompt-dialog {
  display: none;
  position: fixed;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.ad-alert-wrapper,
.ad-confirm-wrapper,
.ad-prompt-wrapper {
  width: 100%;
  height: 100%;
  opacity: 0;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: all 100ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -webkit-transition: all 200ms;
  background-color: #fff;
  border-radius: 0.04rem;
  margin: 0 auto;
  padding: 0;
}
.ad-alert-show,
.ad-confirm-show,
.ad-prompt-show {
  transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
.ad-alert-hide,
.ad-confirm-hide,
.ad-prompt-hide {
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  opacity: 0;
}
.ad-alert-header,
.ad-confirm-header,
.ad-prompt-header {
  display: block;
  width: 100%;
  padding: 0.1rem;
  font-size: 0.18rem;
  text-align: center;
  border-bottom: 1px solid #f9f9f9;
  position: relative;
  line-height: 1.6;
  font-weight: 500;
  color: #333;
}
.ad-alert-body,
.ad-confirm-body,
.ad-prompt-body {
  width: 100%;
  padding: 0.1rem;
  font-size: 0.14rem;
  line-height: 1.6;
  max-height: 2rem;
  overflow: auto;
  overflow-x: hidden;
  text-align: center;
  font-weight: 400;
  color: #657180;
}
.ad-alert-footer {
  display: block;
  text-align: center;
  padding: 0;
  height: 0.4rem;
  line-height: 1.6;
  font-size: 0.16rem;
  overflow: hidden;
  width: 100%;
  color: #10a5f1;
  border-top: 1px solid #f9f9f9;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.ad-alert-footer:hover,
.ad-alert-footer:active {
  background-color: #f5f5f5;
}
.ad-confirm-footer,
.ad-prompt-footer {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 0.4rem;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #f9f9f9;
  cursor: pointer;
}
.ad-confirm-footer > div,
.ad-prompt-footer > div {
  width: 50%;
  height: 100%;
  line-height: 1.6;
  font-size: 0.16rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.ad-confirm-footer > div:first-child,
.ad-prompt-footer > div:first-child {
  color: #10a5f1;
  border-right: 1px solid #f9f9f9;
}
.ad-confirm-footer > div:first-child:hover,
.ad-confirm-footer > div:last-child:hover,
.ad-prompt-footer > div:first-child:hover,
.ad-prompt-footer > div:last-child:hover,
.ad-confirm-footer > div:first-child:active,
.ad-prompt-footer > div:last-child:active {
  background-color: #f5f5f5;
}
.ad-confirm-footer > div:last-child,
.ad-prompt-footer > div:last-child {
  color: #657180;
}
.ad-prompt-body > div {
  width: 100%;
  line-height: 1.6;
  font-size: 0.14rem;
  text-align: center;
  color: #657180;
}
.ad-prompt-body > input {
  display: block;
  margin: 0.1rem auto 0 auto;
  width: 80%;
}
.ad-blackbox,
.ad-whitebox {
  width: auto;
  height: auto;
  max-width: 80%;
  border-radius: 0.04rem;
  overflow: auto;
  overflow-x: hidden;
  border: none;
  position: fixed;
  z-index: 1800;
  text-align: center;
  max-height: 1rem;
  font-size: 0.14rem;
  line-height: 1.6;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 0.06rem 0.15rem;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.ad-blackbox {
  background-color: #333;
  color: #fff;
}
.ad-whitebox {
  background-color: #f5f5f5;
  color: #657180;
}
/**
 * 小提示弹窗动画效果
 */
.ad-messageBox-transition {
  transition: all 200ms;
  -ms-transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
}
.ad-box-translate {
  transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%);
}
.ad-box-bottom {
  bottom: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
}
/**
 * 进度条插件
 */
.ad-progress-bar {
  width: 0.3rem;
  height: 2px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}
.ad-progress-bar,
.ad-progress-bar[data-theme="default"] {
  background-color: #657180;
}
.ad-progress-bar[data-theme="info"] {
  background-color: #10a5f1;
}
.ad-progress-bar[data-theme="danger"] {
  background-color: #ff3300;
}
.ad-progress-bar[data-theme="warning"] {
  background-color: #f5700a;
}
.ad-progress-bar[data-theme="success"] {
  background-color: #05b905;
}
.ad-progress-bar[data-theme="primary"] {
  background-color: #0789ca;
}
.ad-progress-transition {
  transition: all 2s;
  -ms-transition: all 2s;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
}
/**
 * 加载动画css
 */
.ad-sk-wave {
  width: 0.5rem;
  height: 0.35rem;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: space-between;
}
.ad-sk-wave .ad-sk-rect {
  height: 100%;
  width: 0.04rem;
  display: inline-block;
  -webkit-animation: sk-wave-stretch-delay 1.2s infinite ease-in-out;
  animation: sk-wave-stretch-delay 1.2s infinite ease-in-out;
  -moz-animation: sk-wave-stretch-delay 1.2s infinite ease-in-out;
  -ms-animation: sk-wave-stretch-delay 1.2s infinite ease-in-out;
}
.ad-sk-wave[data-theme="default"] .ad-sk-rect {
  background-color: #eeeeee;
}
.ad-sk-wave[data-theme="success"] .ad-sk-rect {
  background-color: #05b905;
}
.ad-sk-wave[data-theme="info"] .ad-sk-rect {
  background-color: #10a5f1;
}
.ad-sk-wave[data-theme="primary"] .ad-sk-rect {
  background-color: #0789ca;
}
.ad-sk-wave[data-theme="danger"] .ad-sk-rect {
  background-color: #ff3300;
}
.ad-sk-wave[data-theme="warning"] .ad-sk-rect {
  background-color: #f5700a;
}
.ad-sk-wave .ad-sk-rect-1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
  -ms-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
}
.ad-sk-wave .ad-sk-rect-2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
}
.ad-sk-wave .ad-sk-rect-3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -ms-animation-delay: -1s;
  -moz-animation-delay: -1s;
}
.ad-sk-wave .ad-sk-rect-4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
}
.ad-sk-wave .ad-sk-rect-5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
}
@-webkit-keyframes sk-wave-stretch-delay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes sk-wave-stretch-delay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.ad-sk-three-bounce {
  width: 0.5rem;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: space-between;
}
.ad-sk-three-bounce .ad-sk-child {
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  -moz-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  -ms-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.ad-sk-three-bounce[data-theme="default"] .ad-sk-child {
  background-color: #eeeeee;
}
.ad-sk-three-bounce[data-theme="success"] .ad-sk-child {
  background-color: #05b905;
}
.ad-sk-three-bounce[data-theme="info"] .ad-sk-child {
  background-color: #10a5f1;
}
.ad-sk-three-bounce[data-theme="primary"] .ad-sk-child {
  background-color: #0789ca;
}
.ad-sk-three-bounce[data-theme="danger"] .ad-sk-child {
  background-color: #ff3300;
}
.ad-sk-three-bounce[data-theme="warning"] .ad-sk-child {
  background-color: #f5700a;
}
.ad-sk-three-bounce .ad-sk-bounce-1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
}
.ad-sk-three-bounce .ad-sk-bounce-2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
}
@-webkit-keyframes sk-three-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-three-bounce {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ad-sk-circle-bounce {
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
}
.ad-sk-circle-bounce .ad-sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ad-sk-circle-bounce .ad-sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  -webkit-animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both;
  animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both;
  -moz-animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both;
  -ms-animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both;
}
.ad-sk-circle-bounce[data-theme="default"] .ad-sk-child:before {
  background-color: #eeeeee;
}
.ad-sk-circle-bounce[data-theme="success"] .ad-sk-child:before {
  background-color: #05b905;
}
.ad-sk-circle-bounce[data-theme="info"] .ad-sk-child:before {
  background-color: #10a5f1;
}
.ad-sk-circle-bounce[data-theme="primary"] .ad-sk-child:before {
  background-color: #0789ca;
}
.ad-sk-circle-bounce[data-theme="danger"] .ad-sk-child:before {
  background-color: #ff3300;
}
.ad-sk-circle-bounce[data-theme="warning"] .ad-sk-child:before {
  background-color: #f5700a;
}
.ad-sk-circle-bounce .ad-sk-circle-2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.ad-sk-circle-bounce .ad-sk-circle-3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.ad-sk-circle-bounce .ad-sk-circle-4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ad-sk-circle-bounce .ad-sk-circle-5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.ad-sk-circle-bounce .ad-sk-circle-6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}
.ad-sk-circle-bounce .ad-sk-circle-7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ad-sk-circle-bounce .ad-sk-circle-8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}
.ad-sk-circle-bounce .ad-sk-circle-9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.ad-sk-circle-bounce .ad-sk-circle-10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.ad-sk-circle-bounce .ad-sk-circle-11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}
.ad-sk-circle-bounce .ad-sk-circle-12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.ad-sk-circle-bounce .ad-sk-circle-2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.ad-sk-circle-bounce .ad-sk-circle-3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.ad-sk-circle-bounce .ad-sk-circle-4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.ad-sk-circle-bounce .ad-sk-circle-5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.ad-sk-circle-bounce .ad-sk-circle-6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.ad-sk-circle-bounce .ad-sk-circle-7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.ad-sk-circle-bounce .ad-sk-circle-8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.ad-sk-circle-bounce .ad-sk-circle-9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.ad-sk-circle-bounce .ad-sk-circle-10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.ad-sk-circle-bounce .ad-sk-circle-11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.ad-sk-circle-bounce .ad-sk-circle-12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circle-bounce-delay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circle-bounce-delay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ad-sk-fading-circle {
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
}
.ad-sk-fading-circle .ad-sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ad-sk-fading-circle .ad-sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  -webkit-animation: ad-sk-fading-circle-delay 1.2s infinite ease-in-out both;
  animation: ad-sk-fading-circle-delay 1.2s infinite ease-in-out both;
  -moz-animation: ad-sk-fading-circle-delay 1.2s infinite ease-in-out both;
  -ms-animation: ad-sk-fading-circle-delay 1.2s infinite ease-in-out both;
}
.ad-sk-fading-circle[data-theme="default"] .ad-sk-circle:before {
  background-color: #eeeeee;
}
.ad-sk-fading-circle[data-theme="success"] .ad-sk-circle:before {
  background-color: #05b905;
}
.ad-sk-fading-circle[data-theme="info"] .ad-sk-circle:before {
  background-color: #10a5f1;
}
.ad-sk-fading-circle[data-theme="primary"] .ad-sk-circle:before {
  background-color: #0789ca;
}
.ad-sk-fading-circle[data-theme="danger"] .ad-sk-circle:before {
  background-color: #ff3300;
}
.ad-sk-fading-circle[data-theme="warning"] .ad-sk-circle:before {
  background-color: #f5700a;
}
.ad-sk-fading-circle .ad-sk-circle-2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.ad-sk-fading-circle .ad-sk-circle-3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.ad-sk-fading-circle .ad-sk-circle-4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ad-sk-fading-circle .ad-sk-circle-5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.ad-sk-fading-circle .ad-sk-circle-6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}
.ad-sk-fading-circle .ad-sk-circle-7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ad-sk-fading-circle .ad-sk-circle-8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}
.ad-sk-fading-circle .ad-sk-circle-9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.ad-sk-fading-circle .ad-sk-circle-10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.ad-sk-fading-circle .ad-sk-circle-11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}
.ad-sk-fading-circle .ad-sk-circle-12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
.ad-sk-fading-circle .ad-sk-circle-2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.ad-sk-fading-circle .ad-sk-circle-3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.ad-sk-fading-circle .ad-sk-circle-4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.ad-sk-fading-circle .ad-sk-circle-5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.ad-sk-fading-circle .ad-sk-circle-6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.ad-sk-fading-circle .ad-sk-circle-7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.ad-sk-fading-circle .ad-sk-circle-8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.ad-sk-fading-circle .ad-sk-circle-9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.ad-sk-fading-circle .ad-sk-circle-10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.ad-sk-fading-circle .ad-sk-circle-11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.ad-sk-fading-circle .ad-sk-circle-12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes ad-sk-fading-circle-delay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes ad-sk-fading-circle-delay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.ad-animation {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 0.12rem;
  vertical-align: middle;
}
/**
 * 侧边栏
 */
.ad-offCanvas {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background: rgba(10, 20, 30, 0.3);
  width: 100%;
  display: none;
}
.ad-offCanvas-content {
  position: fixed;
  top: 0;
  z-index: 1101;
  max-width: 100%;
  background-color: #333;
  overflow: auto;
  overflow-x: hidden;
  color: #fff;
  padding: 0.1rem;
  display: none;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -ms-transition: all 400ms;
  -moz-transition: all 400ms;
}
.ad-offCanvas-content > .ad-offCanvas-list {
  display: block;
  margin-bottom: 0.2rem;
  color: #fff;
}
@media only screen and (min-width: 0px) {
  .ad-offCanvas-content {
    width: 2.4rem;
    left: -3rem;
  }
}
@media only screen and (min-width: 768px) {
  .ad-offCanvas-content {
    width: 3rem;
    left: -3.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-offCanvas-content {
    width: 3.2rem;
    left: -3.4rem;
  }
}
@media only screen and (min-width: 1440px) {
  .ad-offCanvas-content {
    width: 3.6rem;
    left: -3.8rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ad-offCanvas-content {
    width: 4rem;
    left: -4.2rem;
  }
}
/**
 * 提示框组件
 */
.ad-tip {
  display: block;
  text-align: center;
  margin: 0;
  width: 100%;
  margin-bottom: 0.1rem;
  padding: 0.06rem 0.1rem;
  background: #e2e7ea;
  color: #657180;
  border: none;
  border-radius: 0.04rem;
  position: relative;
  font-size: 0.14rem;
  line-height: 1.6;
}
.ad-tip[data-close] {
  pointer-events: none;
  padding: 0.06rem 0.3rem;
}
.ad-tip[data-close]::after {
  position: absolute;
  content: "\2715";
  top: 0;
  right: 0;
  padding: 0 0.1rem;
  font-size: 0.12rem;
  height: 100%;
  vertical-align: middle;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  line-height: 1.6;
  pointer-events: auto;
}
.ad-tip-primary {
  color: #fff;
  background-color: #1eacf3;
}
.ad-tip-danger {
  color: #ff3300;
  background-color: #f9cec3;
}
.ad-tip-success {
  color: #05b905;
  background-color: #c2fdc4;
}
.ad-tip-warning {
  color: #f5700a;
  background-color: #ffd6b6;
}
.ad-tip-info {
  color: #10a5f1;
  background-color: #c3ebff;
}
/*工具提示插件*/
.ad-tooltip::before {
  content: attr(data-title);
  position: absolute;
  display: none;
  font-size: 0.12rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  padding: 0.06rem 0.1rem;
  color: #fff;
  background-color: #333;
  border-radius: 0.04rem;
  opacity: 0;
  z-index: 20;
  white-space: nowrap;
  overflow: auto;
  overflow-x: hidden;
  transition: all 600ms;
  -webkit-transition: all 600ms;
  -ms-transition: all 600ms;
  -moz-transition: all 600ms;
}
.ad-tooltip::after {
  display: none;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  opacity: 0;
  z-index: 20;
  transition: all 600ms;
  -webkit-transition: all 600ms;
  -ms-transition: all 600ms;
  -moz-transition: all 600ms;
}
.ad-tooltip.ad-tooltip-show::before,
.ad-tooltip.ad-tooltip-show::after {
  display: block !important;
}
.ad-tooltip.ad-tooltip-fade::before,
.ad-tooltip.ad-tooltip-fade::after {
  opacity: 1 !important;
}
.ad-tooltip.ad-tooltip-bottom::before {
  top: calc(100% + 0.06rem*2);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.ad-tooltip.ad-tooltip-bottomleft::before {
  top: calc(100% + 0.06rem*2);
  left: 0;
  right: auto;
}
.ad-tooltip.ad-tooltip-bottomright::before {
  top: calc(100% + 0.06rem*2);
  left: auto;
  right: 0;
}
.ad-tooltip.ad-tooltip-bottom::after,
.ad-tooltip.ad-tooltip-bottomleft::after,
.ad-tooltip.ad-tooltip-bottomright::after {
  top: 100%;
  left: 50%;
  margin-left: -0.06rem;
  border-width: 0 0.06rem 0.06rem;
  border-bottom-color: #333;
  margin-top: 0.06rem;
}
.ad-tooltip.ad-tooltip-top::before {
  bottom: calc(100% + 0.06rem*2);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.ad-tooltip.ad-tooltip-topleft::before {
  bottom: calc(100% + 0.06rem*2);
  left: 0;
}
.ad-tooltip.ad-tooltip-topright::before {
  bottom: calc(100% + 0.06rem*2);
  right: 0;
  left: auto;
}
.ad-tooltip.ad-tooltip-top::after,
.ad-tooltip.ad-tooltip-topleft::after,
.ad-tooltip.ad-tooltip-topright::after {
  bottom: 100%;
  left: 50%;
  margin-left: -0.06rem;
  border-width: 0.06rem 0.06rem 0;
  border-top-color: #333;
  margin-bottom: 0.06rem;
}
.ad-tooltip.ad-tooltip-left::before {
  top: 50%;
  right: calc(100% + 0.06rem*2);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.ad-tooltip.ad-tooltip-lefttop::before {
  top: 0;
  bottom: auto;
  right: calc(100% + 0.06rem*2);
}
.ad-tooltip.ad-tooltip-leftbottom::before {
  top: auto;
  bottom: 0;
  right: calc(100% + 0.06rem*2);
}
.ad-tooltip.ad-tooltip-left::after,
.ad-tooltip.ad-tooltip-lefttop::after,
.ad-tooltip.ad-tooltip-leftbottom::after {
  right: 100%;
  top: 50%;
  margin-top: -0.06rem;
  border-width: 0.06rem 0 0.06rem 0.06rem;
  border-left-color: #333;
  margin-right: 0.06rem;
}
.ad-tooltip.ad-tooltip-right::before {
  top: 50%;
  left: calc(100% + 0.06rem*2);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.ad-tooltip.ad-tooltip-righttop::before {
  top: 0;
  bottom: auto;
  left: calc(100% + 0.06rem*2);
}
.ad-tooltip.ad-tooltip-rightbottom::before {
  top: auto;
  bottom: 0;
  left: calc(100% + 0.06rem*2);
}
.ad-tooltip.ad-tooltip-right::after,
.ad-tooltip.ad-tooltip-righttop::after,
.ad-tooltip.ad-tooltip-rightbottom::after {
  left: 100%;
  top: 50%;
  margin-top: -0.06rem;
  border-width: 0.06rem 0.06rem 0.06rem 0;
  border-right-color: #333;
  margin-left: 0.06rem;
}
/*页脚组件*/
.ad-footer {
  width: 100%;
  margin: 0 auto;
  padding: 0.1rem 0.3rem;
  background-color: #fff;
  text-align: center;
}
.ad-footer > * {
  display: block;
  width: 100%;
  font-size: 0.12rem;
  color: #999;
  padding: 0;
  margin: 0 0 0.1rem 0;
  text-align: center;
}
.ad-footer > *:first-of-type {
  display: block;
  width: 100%;
  font-size: 0.16rem;
  line-height: 1.6;
  font-weight: 700;
  color: #333;
}
/*标题栏*/
.ad-title-bar {
  width: 100%;
  height: auto;
  margin: 0;
  padding-bottom: 0.06rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7dde4;
  margin-bottom: 0.1rem;
}
.ad-title-bar > .ad-title-content {
  font-size: 0.18rem;
  color: #10a5f1;
  border-left: 0.06rem solid #10a5f1;
  padding-left: 0.15rem;
}
.ad-title-bar > .ad-title-sub {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.14rem;
  color: #999;
  padding-right: 0.06rem;
}
/*范围选择的滑动条样式*/
.ad-range {
  width: 100%;
  height: 0.08rem;
  background-color: #10a5f1;
  border-radius: 0.02rem;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
}
.ad-range-slide {
  height: 100%;
}
.ad-range-radius-left {
  border-top-left-radius: 0.02rem;
  border-bottom-left-radius: 0.02rem;
}
.ad-range-slide:last-of-type {
  border-top-right-radius: 0.02rem;
  border-bottom-right-radius: 0.02rem;
}
.ad-range-point {
  width: 0.16rem;
  height: 0.16rem;
  border-width: 2px;
  position: absolute;
  background-color: #fff;
  border-radius: 100%;
  border-color: #10a5f1;
  border-style: solid;
  top: -0.04rem;
  left: 0;
  cursor: pointer;
}
.ad-range-point.ad-range-point-show::before {
  content: attr(data-text);
  font-size: 0.12rem;
  line-height: 2;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0.12rem;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  background-color: #333;
  padding: 0 0.06rem;
  border-radius: 0.04rem;
  color: #fff;
  z-index: 40;
}
.ad-range-point.ad-range-point-show::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 0.04rem;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border: 0.04rem dashed transparent;
  border-bottom-color: #333;
  pointer-events: none;
  z-index: 40;
}
/**
 * 日期面板
 */
.ad-mobile-calendar {
  width: 100%;
  background-color: #fff;
}
.ad-mobile-calendar-line {
  width: 100%;
  height: calc(1/7*100%);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.ad-mobile-calendar-list {
  width: calc(1/7*100%);
  height: 100%;
  vertical-align: middle;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #657180;
  font-size: 0.14rem;
}
.ad-mobile-calendar-list-day {
  border-radius: 50%;
  border-bottom: 1px solid #ccc;
  border: none;
}
.ad-mobile-calendar-list-day-active,
.ad-mobile-calendar-list-day:hover,
.ad-mobile-calendar-list-day:active {
  background-color: #f83333;
  color: #fff !important;
}
.ad-mobile-calendar-list-day-unselect,
.ad-mobile-calendar-list-day-unselect:active,
.ad-mobile-calendar-list-day-unselect:hover {
  background-color: #fff;
  color: #999 !important;
}
.ad-mobile-calendar-list-day-now {
  color: #f83333;
}
/**
 * 底部弹出列表action
 */
.ad-actions {
  display: none;
  width: 100%;
  background-color: rgba(10, 20, 30, 0.3);
  position: fixed;
  z-index: 1100;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}
.ad-actions-wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1110;
  width: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0;
  margin: 0;
  padding: 0.12rem;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
}
.ad-actions-wrapper-out {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.ad-actions-wrapper-active {
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.ad-actions-dialog {
  width: 100%;
  background-color: #eeeeee;
  margin: 0;
  padding: 0;
  border-radius: 0.04rem;
}
.ad-actions-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #10a5f1;
  font-size: 0.16rem;
  border-radius: 0.04rem;
}
.ad-actions-list > * {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  width: 100%;
  margin: 0;
  border: 1px solid #e8e8e8;
  border-bottom: none;
  height: 0.5rem;
  line-height: 1.6;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.1rem;
  cursor: pointer;
}
.ad-actions-list > *:first-of-type {
  border-top-left-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
}
.ad-actions-list > *:last-of-type {
  border-bottom-left-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.ad-actions-list > *:hover,
.ad-actions-list > *:focus,
.ad-actions-btn:hover,
.ad-actions-btn:focus {
  background-color: #e8e8e8;
}
.ad-actions-list > .ad-actions-list-header:hover,
.ad-actions-list > .ad-actions-list-header:focus {
  background-color: #eeeeee;
}
.ad-actions-list > li:first-child,
.ad-actions-list > *:first-child {
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ad-actions-list-header {
  color: #999;
  font-size: 0.14rem;
}
.ad-actions-btn {
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  border: none;
  height: 0.4rem;
  line-height: 1.6;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin-top: 0.1rem;
  cursor: pointer;
  background-color: #F7F7F7;
  border-radius: 0.04rem;
  color: #10a5f1;
  font-weight: bold;
  font-size: 0.16rem;
  text-align: center;
  display: block;
  width: 100%;
}
.ad-actions-content {
  width: 100%;
  padding: 0.1rem;
  font-size: 0.14rem;
  line-height: 1.6;
  background-color: #fff;
  border-radius: 0.04rem;
}
/**
 * 选项卡组件
 */
.ad-tab {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0.12rem;
  background-color: #fff;
  margin-bottom: 0.1rem;
}
.ad-tab-header {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  position: relative;
}
.ad-tab-title {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  font-size: 0.16rem;
  border-radius: 0;
  line-height: 1;
  padding: 0.12rem;
  text-align: center;
  cursor: pointer;
}
.ad-tab-title[disabled] {
  color: #999 !important;
}
.ad-tab-title + .ad-tab-title {
  margin-left: -1px;
}
.ad-tab-title.ad-tab-active {
  position: relative;
  color: #10a5f1;
  background-color: #fff;
  cursor: default;
  box-shadow: inset 0 1px 3px rgba(210, 210, 210, 0.1);
  -webkit-box-shadow: inset 0 1px 3px rgba(210, 210, 210, 0.1);
  border: 1px solid #d7dde4;
  border-bottom: none;
  border-top-left-radius: 0.02rem;
  border-top-right-radius: 0.02rem;
}
.ad-tab-title.ad-tab-active:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  top: 100%;
  left: 0;
  z-index: 10;
}
.ad-tab-content {
  overflow: hidden;
  -webkit-transition: height 400ms;
  transition: height 400ms;
  padding: 0.1rem;
  width: 100%;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  border: 1px solid #d7dde4;
  border-radius: 0.02rem;
}
.ad-tab-item {
  display: none;
  width: 100%;
}
/* 滑动方式的选项卡 */
.ad-tab-slide .ad-tab-title.ad-tab-active {
  border: none;
}
.ad-tab-slide .ad-tab-title.ad-tab-active:before {
  height: 0;
}
.ad-tab-active-slider {
  position: absolute;
  left: 0;
  top: 100%;
  display: inline-block;
  height: 1px;
  background-color: #10a5f1;
  z-index: 10;
  transition: width, left 400ms;
}
/**
 * 加载更多样式
 */
.ad-data-load {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.14rem;
  color: #999;
  background-color: #f5f5f5;
  line-height: 2;
  margin-bottom: 0.06rem;
}
.ad-data-load:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
.ad-data-load:active {
  background-color: #eeeeee;
}
.ad-data-load[disabled],
.ad-data-load[disabled]:hover,
.ad-data-load[disabled]:active {
  background-color: #eeeeee;
}
/**
 * 徽章
 */
.ad-badge {
  display: inline-block;
  font-size: 0.12rem;
  padding: 0.0368rem 0.0585rem;
  line-height: 1;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #999;
  border-radius: 100%;
  margin: 0 0.06rem;
}
.ad-badge-info {
  background-color: #fff;
  color: #10a5f1;
}
.ad-badge-success {
  background-color: #fff;
  color: #05b905;
}
.ad-badge-danger {
  background-color: #fff;
  color: #ff3300;
}
.ad-badge-warning {
  background-color: #fff;
  color: #f5700a;
}
.ad-badge-primary {
  background-color: #fff;
  color: #0789ca;
}
.ad-badge-xl {
  padding: 0.047rem 0.0775rem;
  font-size: 0.16rem;
}
.ad-badge-lg {
  font-size: 0.14rem;
  padding: 0.042rem 0.068rem;
}
.ad-badge-md {
  font-size: 0.12rem;
  padding: 0.0368rem 0.0585rem;
}
.ad-badge-sm {
  font-size: 0.1rem;
  padding: 0.018rem 0.039rem;
}
.ad-badge-xs {
  font-size: 0.1rem;
  padding: 0.018rem 0.04rem;
}
/*列表*/
.ad-list {
  list-style: none;
  margin: 0 0 0.1rem 0;
  padding: 0;
  width: 100%;
  display: block;
  background-color: #fff;
}
.ad-offCanvas .ad-list {
  background-color: transparent;
}
.ad-list > .ad-list-card {
  display: block;
  margin: 0;
  position: relative;
  width: 100%;
  padding: 0.1rem 0.5rem 0.1rem 0.12rem;
  line-height: 1.6;
  font-size: 0.14rem;
  cursor: pointer;
  background-color: #fff;
  color: #657180;
  text-decoration: none;
}
.ad-offCanvas .ad-list > .ad-list-card,
.ad-offCanvas .ad-list > .ad-list-card > a {
  background-color: transparent;
  color: #f5f5f5;
  text-decoration: none;
}
.ad-list > .ad-list-card:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0.12rem;
  height: 1px;
  content: '';
  background-color: #d7dde4;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ad-offCanvas .ad-list > .ad-list-card:after {
  background-color: #ccc !important;
}
.ad-list > .ad-list-card > a {
  display: block;
  width: 100%;
  height: auto;
  color: #657180;
  text-decoration: none;
}
.ad-list-navigate-right {
  display: block;
  position: absolute;
  right: 0.12rem;
  top: 50%;
  font-size: 0.18rem;
  color: #999;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-offCanvas .ad-list-navigate-right {
  color: #f5f5f5;
}
.ad-list > .ad-list-card:active,
.ad-list > .ad-list-media:active,
.ad-list > .ad-list-news:active,
.ad-list > .ad-list-tab > .ad-list-card:active,
.ad-list > .ad-list-tab > .ad-list-tab-dropdown > *:active {
  background-color: #eeeeee;
}
.ad-offCanvas .ad-list > .ad-list-card:active,
.ad-offCanvas .ad-list > .ad-list-media:active,
.ad-offCanvas .ad-list > .ad-list-news:active,
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-card:active,
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-tab-dropdown > *:active {
  background-color: #666 !important;
}
@media only screen and (min-width: 768px) {
  .ad-list > .ad-list-card:hover,
  .ad-list > .ad-list-media:hover,
  .ad-list > .ad-list-news:hover,
  .ad-list > .ad-list-tab > .ad-list-card:hover,
  .ad-list > .ad-list-tab > .ad-list-tab-dropdown > *:hover {
    background-color: #f5f5f5;
  }
  .ad-offCanvas .ad-list > .ad-list-card:hover,
  .ad-offCanvas .ad-list > .ad-list-media:hover,
  .ad-offCanvas .ad-list > .ad-list-news:hover,
  .ad-offCanvas .ad-list > .ad-list-tab > .ad-list-card:hover,
  .ad-offCanvas .ad-list > .ad-list-tab > .ad-list-tab-dropdown > *:hover {
    background-color: #666;
  }
}
.ad-list .ad-list-badge {
  position: absolute;
  right: 0.12rem;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-list .ad-list-badge.ad-badge-info {
  background-color: #10a5f1;
  color: #fff;
}
.ad-list .ad-list-badge.ad-badge-success {
  background-color: #05b905;
  color: #fff;
}
.ad-list .ad-list-badge.ad-badge-danger {
  background-color: #ff3300;
  color: #fff;
}
.ad-list .ad-list-badge.ad-badge-warning {
  background-color: #f5700a;
  color: #fff;
}
.ad-list .ad-list-badge.ad-badge-primary {
  background-color: #0789ca;
  color: #fff;
}
.ad-list-element {
  position: absolute;
  right: 0.12rem;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
/*纯文字信息列表*/
.ad-list > .ad-list-news {
  display: block;
  margin: 0;
  position: relative;
  width: 100%;
  padding: 0.1rem 0.12rem;
  cursor: pointer;
  background-color: #fff;
  overflow-x: hidden;
}
.ad-offCanvas .ad-list > .ad-list-news {
  background-color: transparent;
}
.ad-list > .ad-list-news:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0.12rem;
  height: 1px;
  content: '';
  background-color: #d7dde4;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ad-offCanvas .ad-list > .ad-list-news:after {
  background-color: #ccc !important;
}
.ad-list > .ad-list-news > .ad-list-header {
  display: block;
  width: 100%;
  font-size: 0.18rem;
  color: #10a5f1;
  margin: 0 0 0.15rem 0;
  padding: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ad-offCanvas .ad-list > .ad-list-news > .ad-list-header {
  color: #10a5f1 !important;
}
.ad-list > .ad-list-news > .ad-list-body {
  font-size: 0.14rem;
  color: #657180;
  line-height: 1.6;
  padding: 0;
  margin: 0 0 0.15rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.ad-offCanvas .ad-list > .ad-list-news > .ad-list-body {
  color: #999 !important;
}
.ad-list > .ad-list-news > .ad-list-footer {
  display: block;
  font-size: 0.14rem;
  color: #999;
  margin: 0;
  padding: 0.1rem 0;
  line-height: 1.6;
}
.ad-offCanvas .ad-list > .ad-list-news > .ad-list-footer {
  color: #ccc !important;
}
/*图文信息列表*/
.ad-list > .ad-list-media {
  display: block;
  margin: 0;
  position: relative;
  width: 100%;
  height: 1rem;
  padding: 0.1rem 0.12rem;
  cursor: pointer;
  background-color: #fff;
  overflow-x: hidden;
}
.ad-offCanvas .ad-list > .ad-list-media {
  background-color: transparent;
}
.ad-list > .ad-list-media:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0.12rem;
  height: 1px;
  content: '';
  background-color: #d7dde4;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ad-offCanvas .ad-list > .ad-list-media:after {
  background-color: #ccc !important;
}
.ad-list > .ad-list-media > .ad-list-thumb {
  display: block;
  float: left;
  width: 0.8rem;
  height: 0.8rem;
}
.ad-list > .ad-list-media > .ad-list-thumb > img {
  display: block;
  width: 100%;
  height: 100%;
}
.ad-list > .ad-list-media > .ad-list-content {
  display: block;
  float: right;
  width: calc(100% - 0.95rem);
  padding: 0;
  margin: 0 0 0 0.15rem;
  height: 100%;
}
.ad-list > .ad-list-media > .ad-list-content > .ad-list-title {
  display: block;
  font-size: 0.18rem;
  line-height: 1.6;
  color: #10a5f1;
  margin: 0 0 0.1rem 0;
  padding: 0;
}
.ad-offCanvas .ad-list > .ad-list-media > .ad-list-content > .ad-list-title {
  color: #10a5f1;
}
.ad-list > .ad-list-media > .ad-list-content > .ad-list-desc {
  font-size: 0.14rem;
  color: #666;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.ad-offCanvas .ad-list > .ad-list-media > .ad-list-content > .ad-list-desc {
  color: #999 !important;
}
.ad-list > .ad-list-media.ad-list-media-reverse > .ad-list-content {
  float: left;
  margin: 0 0.15rem 0 0;
}
.ad-list > .ad-list-media.ad-list-media-reverse > .ad-list-thumb {
  float: right;
}
/*二级列表*/
.ad-list > .ad-list-tab {
  height: auto;
  overflow: hidden;
}
.ad-list > .ad-list-tab > .ad-list-card {
  height: 0.45rem;
  display: block;
  margin: 0;
  position: relative;
  width: 100%;
  padding: 0.1rem 0.5rem 0.1rem 0.12rem;
  line-height: 1.6;
  font-size: 0.14rem;
  cursor: pointer;
  background-color: #fff;
  overflow-x: hidden;
}
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-card {
  background-color: transparent;
}
.ad-list > .ad-list-tab > .ad-list-card:after,
.ad-list > .ad-list-tab > .ad-list-tab-dropdown > *:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0.12rem;
  height: 1px;
  content: '';
  background-color: #d7dde4;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-card:after,
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-tab-dropdown > *:after {
  background-color: #ccc !important;
}
.ad-list > .ad-list-tab > .ad-list-tab-dropdown {
  list-style: none;
  margin: 0;
  padding: 0.1rem 0.2rem;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 20;
}
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-tab-dropdown {
  background-color: transparent;
}
.ad-list > .ad-list-tab > .ad-list-tab-dropdown > .ad-list-card {
  display: block;
  margin: 0;
  position: relative;
  padding: 0.1rem 0.5rem 0.1rem 0.12rem;
  height: 0.45rem;
  width: 100%;
  line-height: 1.6;
  font-size: 0.14rem;
  color: #657180;
  cursor: pointer;
}
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-tab-dropdown > .ad-list-card {
  color: #f5f5f5;
}
.ad-list > .ad-list-tab > .ad-list-tab-dropdown a {
  display: block;
  width: 100%;
  height: auto;
  color: #657180;
  text-decoration: none;
}
.ad-offCanvas .ad-list > .ad-list-tab > .ad-list-tab-dropdown a {
  color: #f5f5f5;
}
/*消息提示组件*/
.ad-message-container {
  position: fixed;
  min-width: 2.4rem;
  left: 50%;
  top: 0;
  z-index: 1400;
  margin: 0;
  padding: 0.15rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  overflow: auto;
  overflow-x: hidden;
}
.ad-message {
  position: relative;
  display: none;
  text-align: center;
  background-color: #e2e7ea;
  padding: 0.04rem;
  margin: 0 0 0.1rem 0;
  color: #666;
  font-size: 0.14rem;
  line-height: 1.6;
  border-radius: 0.02rem;
  box-shadow: 1px 1px 5px #bbb;
  -webkit-box-shadow: 1px 1px 5px #bbb;
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
}
.ad-message-out {
  transform: translateY(-400%);
  -ms-transform: translateY(-400%);
  -moz-transform: translateY(-400%);
  -webkit-transform: translateY(-400%);
}
.ad-message-success {
  background-color: #c2fdc4;
  box-shadow: 1px 1px 5px #aef7b1;
  -webkit-box-shadow: 1px 1px 5px #aef7b1;
  color: #05b905;
}
.ad-message-warning {
  background-color: #ffd6b6;
  box-shadow: 1px 1px 5px #f7c59d;
  -webkit-box-shadow: 1px 1px 5px #f7c59d;
  color: #f5700a;
}
.ad-message-primary {
  background-color: #1eacf3;
  box-shadow: 1px 1px 5px #0789ca;
  -webkit-box-shadow: 1px 1px 5px #0789ca;
  color: #fff;
}
.ad-message-info {
  background-color: #c3ebff;
  box-shadow: 1px 1px 5px #b3e2f9;
  -webkit-box-shadow: 1px 1px 5px #b3e2f9;
  color: #10a5f1;
}
.ad-message-danger {
  background-color: #f9cec3;
  box-shadow: 1px 1px 5px #f7b7a7;
  -webkit-box-shadow: 1px 1px 5px #f7b7a7;
  color: #ff3300;
}
.ad-message[data-close="true"] {
  pointer-events: none;
  padding: 0.04rem 0.3rem;
}
.ad-message[data-close="true"]::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  content: "\2715";
  padding: 0 0.1rem;
  font-size: 0.12rem;
  pointer-events: auto;
  cursor: pointer;
}
/*通知提醒组件*/
.ad-notice {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1400;
  padding: 0.15rem;
  margin: 0;
  width: 3rem;
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
}
.ad-notice-active {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
}
.ad-notice-out {
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.ad-notice-dialog {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  box-shadow: 2px 2px 5px #d7dde4;
  -webkit-box-shadow: 2px 2px 5px #d7dde4;
  padding: 0;
  margin: 0;
  position: relative;
  border-radius: 0.04rem;
}
.ad-notice-header {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.16rem;
  line-height: 1.6;
  color: #657180;
  border: none;
  margin: 0;
  position: relative;
  padding: 0.1rem 0.15rem;
  pointer-events: none;
}
.ad-notice-content {
  display: block;
  font-size: 0.14rem;
  line-height: 1.6;
  color: #657180;
  margin-bottom: 0.1rem;
  max-height: 1.2rem;
  overflow: hidden;
  padding: 0.1rem 0.15rem;
  vertical-align: middle;
}
.ad-notice[data-close="true"] .ad-notice-content {
  padding: 0.1rem 0.3rem 0.1rem 0.15rem;
}
.ad-notice[data-close="true"] .ad-notice-header {
  padding: 0.1rem 0.3rem 0.1rem 0.15rem;
  pointer-events: none;
}
.ad-notice[data-close="true"] .ad-notice-header::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.12rem;
  padding: 0 0.1rem;
  content: "\2715";
  cursor: pointer;
  pointer-events: auto;
}
.ad-notice-success .ad-notice-dialog {
  background-color: #c2fdc4;
  box-shadow: 2px 2px 5px #aef7b1;
  -webkit-box-shadow: 2px 2px 5px #aef7b1;
}
.ad-notice-warning .ad-notice-dialog {
  background-color: #ffd6b6;
  box-shadow: 2px 2px 5px #f7c59d;
  -webkit-box-shadow: 2px 2px 5px #f7c59d;
}
.ad-notice-danger .ad-notice-dialog {
  background-color: #f9cec3;
  box-shadow: 2px 2px 5px #f7b7a7;
  -webkit-box-shadow: 2px 2px 5px #f7b7a7;
}
.ad-notice-info .ad-notice-dialog {
  background-color: #c3ebff;
  box-shadow: 2px 2px 5px #b3e2f9;
  -webkit-box-shadow: 2px 2px 5px #b3e2f9;
}
.ad-notice-primary .ad-notice-dialog {
  background-color: #1eacf3;
  box-shadow: 2px 2px 5px #0789ca;
  -webkit-box-shadow: 2px 2px 5px #0789ca;
}
.ad-notice.ad-notice-info .ad-notice-header,
.ad-notice.ad-notice-info .ad-notice-content {
  color: #10a5f1;
}
.ad-notice.ad-notice-danger .ad-notice-header,
.ad-notice.ad-notice-danger .ad-notice-content {
  color: #ff3300;
}
.ad-notice.ad-notice-warning .ad-notice-header,
.ad-notice.ad-notice-warning .ad-notice-content {
  color: #f5700a;
}
.ad-notice.ad-notice-success .ad-notice-header,
.ad-notice.ad-notice-success .ad-notice-content {
  color: #05b905;
}
.ad-notice.ad-notice-primary .ad-notice-header,
.ad-notice.ad-notice-primary .ad-notice-content {
  color: #fff;
}
/* 右键菜单样式 */
.ad-contextMenu {
  list-style: none;
  min-width: 1rem;
  max-height: 3rem;
  position: fixed;
  z-index: 1200000;
  display: none;
  overflow-x: hidden;
  overflow: auto;
  border-radius: 0.04rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 0.06rem 0;
  margin: 0;
  background-color: #fff;
  white-space: nowrap;
}
.ad-contextMenu > .ad-contextMenu-item {
  display: block;
  width: 100%;
  padding: 0.06rem 0.2rem;
  text-align: left;
  color: #333;
  background-color: #fff;
  font-size: 0.14rem;
  line-height: 1.6;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.ad-contextMenu > .ad-contextMenu-item:hover {
  background-color: #f5f5f5;
}
.ad-contextMenu > .ad-contextMenu-item[disabled] {
  color: #999;
}
.ad-contextMenu > .ad-contextMenu-item[disabled]:hover {
  cursor: default;
  background-color: #fff;
  color: #999;
}
.ad-contextMenu > .ad-contextMenu-divider {
  height: 1px;
  background-color: #f1f1f1;
}
.ad-toast {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1800;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(10, 20, 30, 0.3);
}
.ad-toast-dialog {
  min-width: 1rem;
  margin: 0;
  padding: 0 0.25rem;
  border-radius: 0.04rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}
.ad-toast[data-reverse="false"] > .ad-toast-dialog {
  background-color: rgba(0, 0, 0, 0.7);
}
.ad-toast[data-reverse="true"] > .ad-toast-dialog {
  background-color: rgba(255, 255, 255, 0.7);
}
.ad-toast[data-icon="false"] > .ad-toast-dialog {
  padding: 0.15rem;
}
.ad-toast-image {
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0.15rem auto;
  width: 0.36rem;
  height: 0.36rem;
}
.ad-toast[data-style="loading"][data-reverse="false"] .ad-toast-image {
  background-image: url(../img/load-black.gif);
}
.ad-toast[data-style="loading"][data-reverse="true"] .ad-toast-image {
  background-image: url(../img/load-white.gif);
  opacity: 0.6;
}
.ad-toast[data-style="success"][data-reverse="false"] .ad-toast-image {
  background-image: url(../img/success-black.png);
}
.ad-toast[data-style="success"][data-reverse="true"] .ad-toast-image {
  background-image: url(../img/success-white.png);
  opacity: 0.6;
}
.ad-toast[data-style="error"][data-reverse="false"] .ad-toast-image {
  background-image: url(../img/error-black.png);
}
.ad-toast[data-style="error"][data-reverse="true"] .ad-toast-image {
  background-image: url(../img/error-white.png);
  opacity: 0.6;
}
.ad-toast-message {
  margin: 0 auto;
  padding-bottom: 0.1rem;
  text-align: center;
  font-size: 0.12rem;
  line-height: 1.6;
  width: 100%;
}
.ad-toast[data-reverse="false"] .ad-toast-message {
  color: #fff;
}
.ad-toast[data-reverse="true"] .ad-toast-message {
  color: #333;
}
.ad-toast[data-icon="false"] .ad-toast-message {
  padding-bottom: 0;
}
/**
 * 下拉选插件(可级联的下拉选插件)
 */
.ad-cascader {
  position: relative;
  cursor: pointer;
}
.ad-cascader-input {
  width: 100%;
  background-color: #fff !important;
  color: #657180 !important;
}
.ad-cascader-input:hover {
  cursor: pointer;
}
.ad-cascader-input-active {
  border-color: #43b7f3 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(59, 180, 242, 0.3) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(59, 180, 242, 0.3) !important;
}
.ad-cascader-caret {
  position: absolute;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0;
  color: #999;
  transition: transform 400ms;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -ms-transition: transform 400ms;
}
.ad-cascader-rotate {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.ad-cascader-menu {
  list-style: none;
  min-width: 1.2rem;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin: 4px 0;
  padding: 0.1rem 0;
  border-radius: 0.04rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.175);
  z-index: 1280;
  white-space: nowrap;
}
.ad-cascader[data-toggle='up'] .ad-cascader-menu {
  bottom: 0;
  top: auto;
}
.ad-cascader[data-toggle='up'] > .ad-cascader-menu {
  bottom: 100%;
  top: auto;
}
.ad-cascader-menu > * {
  position: relative;
}
.ad-cascader-label {
  line-height: 1.6;
  font-size: 0.14rem;
  color: #657180;
  padding: 0.1rem 0.2rem;
  background-color: #fff;
}
.ad-cascader-label[disabled] {
  color: #ccc;
}
.ad-cascader-menu .ad-cascader-label:hover,
.ad-cascader-menu .ad-cascader-label:active {
  background-color: #f5f5f5;
}
.ad-cascader-label.ad-cascader-active,
.ad-cascader-label.ad-cascader-active:hover,
.ad-cascader-label.ad-cascader-active:active {
  color: #fff;
  background-color: #0789ca;
}
.ad-cascader-menu .ad-cascader-label[disabled]:hover,
.ad-cascader-menu .ad-cascader-label[disabled]:active {
  background-color: #fff;
}
.ad-cascader-menu > * .ad-cascader-menu {
  left: 100%;
  top: -0.1rem;
}
.ad-cascader-divider {
  height: 1px;
  background-color: #f1f1f1;
}
/**
 * 下拉菜单
 */
.ad-dropdown {
  position: relative;
}
.ad-dropdown-toggle {
  vertical-align: top;
}
.ad-dropdown-menu {
  list-style: none;
  overflow-x: hidden;
  overflow: auto;
  display: none;
  position: absolute;
  left: 0;
  right: auto;
  top: 100%;
  border: 1px solid #d7dde4;
  background-color: #fff;
  margin: 0.06rem 0;
  padding: 0.06rem 0;
  border-radius: 0.04rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 1280;
  white-space: nowrap;
}
.ad-dropdown[data-toggle='up'] > .ad-dropdown-menu {
  bottom: 100%;
  top: auto;
}
.ad-dropdown[data-placement='right'] > .ad-dropdown-menu {
  right: 0;
  left: auto;
}
.ad-dropdown-menu > .ad-dropdown-item {
  margin: 0;
  position: relative;
  line-height: 1.6;
  font-size: 0.14rem;
  padding: 0.1rem 0.24rem;
  background-color: #fff;
  cursor: pointer;
}
.ad-dropdown-menu > .ad-dropdown-item[disabled] {
  color: #ccc;
}
.ad-dropdown-menu > .ad-dropdown-item:hover,
.ad-dropdown-menu > .ad-dropdown-item:active {
  background-color: #f5f5f5;
}
.ad-dropdown-menu > .ad-dropdown-item[disabled]:hover,
.ad-dropdown-menu > .ad-dropdown-item[disabled]:active {
  background-color: #fff;
}
.ad-dropdown-menu > .ad-dropdown-item.ad-dropdown-active {
  background-color: #0789ca;
  color: #fff;
}
.ad-dropdown-menu > .ad-dropdown-item.ad-dropdown-active:hover,
.ad-dropdown-menu > .ad-dropdown-item.ad-dropdown-active:active {
  background-color: #0789ca;
}
.ad-dropdown-divider {
  height: 1px;
  background-color: #f1f1f1;
  margin: 0;
  padding: 0;
}
/**
 * 移动端仿苹果的下拉选插件
 */
.ad-iosSelect {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(10, 20, 30, 0.3);
  z-index: 1100;
}
.ad-iosSelect-dialog {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #eeeeee;
  transition: transform 200ms;
  -ms-transition: transform 200ms 200ms;
  -moz-transition: transform 200ms;
  -webkit-transition: transform 200ms;
}
.ad-iosSelect-dialog-out {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.ad-iosSelect-dialog-active {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}
.ad-iosSelect-bar {
  padding: 0.06rem 0.12rem;
  background-color: #f5f5f5;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  position: relative;
}
.ad-iosSelect-bar > .ad-btn {
  min-width: 0.6rem;
}
.ad-iosSelect-content {
  height: 2rem;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0.1rem 0;
  overflow-y: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #eeeeee;
}
.ad-iosSelect-list {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 0.44rem;
  width: 100%;
  border-top: 1px solid #d7dde4;
  border-bottom: 1px solid #d7dde4;
  background-color: transparent;
}
.ad-iosSelect-option {
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 0.1rem;
  height: 0.44rem;
  line-height: 1.6;
  font-size: 0.16rem;
  transition: all 200ms;
  -ms-transition: all 200ms;
  -moz-transition: all 200ms;
  -webkit-transition: all 200ms;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.ad-iosSelect-option-active {
  color: #333;
  font-size: 0.18rem;
}
.ad-iosSelect-option-out {
  color: #999;
  font-size: 0.14rem;
}
.ad-iosStyle-title {
  text-align: center;
  position: absolute;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 50%;
  top: 50%;
  font-size: 0.16rem;
  color: #657180;
  line-height: 1.6;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
/**
 * popover弹出框插件
 */
.ad-popover {
  position: relative;
}
.ad-popover-content {
  position: absolute;
  display: none;
  font-size: 0.12rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  padding: 0.1rem 0.12rem;
  color: #657180;
  text-align: left;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 0.04rem;
  min-width: 2rem;
  z-index: 1400;
}
.ad-popover-content:before,
.ad-popover-content:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border: 5px dashed transparent;
  pointer-events: none;
  z-index: 1401;
}
.ad-popover .ad-popover-content.ad-popover-bottom {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
}
.ad-popover .ad-popover-content.ad-popover-bottom:after {
  border-bottom-color: #fff;
  border-bottom-style: solid;
  border-width: 0 6px 6px 6px;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ad-popover .ad-popover-content.ad-popover-bottom:before {
  border-bottom-style: solid;
  border-width: 0 6px 6px 6px;
  border-bottom-color: #f1f1f1;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ad-popover .ad-popover-content.ad-popover-top {
  box-shadow: 2px -2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px -2px 8px rgba(0, 0, 0, 0.15);
}
.ad-popover .ad-popover-content.ad-popover-top:after {
  border-top-color: #fff;
  border-top-style: solid;
  border-width: 6px 6px 0 6px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ad-popover .ad-popover-content.ad-popover-top:before {
  border-top-style: solid;
  border-width: 6px 6px 0 6px;
  border-top-color: #f1f1f1;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ad-popover .ad-popover-content.ad-popover-left {
  box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15);
}
.ad-popover .ad-popover-content.ad-popover-left:after {
  border-left-color: #fff;
  border-left-style: solid;
  border-width: 6px 0 6px 6px;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-popover .ad-popover-content.ad-popover-left:before {
  border-left-style: solid;
  border-width: 6px 0 6px 6px;
  border-left-color: #f1f1f1;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-popover .ad-popover-content.ad-popover-right {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
}
.ad-popover .ad-popover-content.ad-popover-right:after {
  border-right-color: #fff;
  border-right-style: solid;
  border-width: 6px 6px 6px 0;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-popover .ad-popover-content.ad-popover-right:before {
  border-right-style: solid;
  border-width: 6px 6px 6px 0;
  border-right-color: #f1f1f1;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
/**
 * 数字输入框
 */
.ad-input-number {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.ad-input-number > .ad-input {
  text-align: center !important;
  border-radius: 0.04rem !important;
  position: relative;
  top: 0;
  left: 0;
}
.ad-input-number-plus,
.ad-input-number-minus {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 1px;
  background-color: #f5f5f5;
  cursor: pointer;
  color: #657180;
  transition: all 200ms;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  margin: 0;
  padding: 0;
}
.ad-input-number-plus {
  right: 1px;
  border-left: 1px solid #d7dde4;
  border-top-right-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.ad-input-number-minus {
  left: 1px;
  border-right: 1px solid #d7dde4;
  border-top-left-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}
.ad-input-number-minus:hover,
.ad-input-number-minus:active,
.ad-input-number-plus:hover,
.ad-input-number-plus:active {
  background-color: #eeeeee;
  color: #0789ca;
}
.ad-input-number-plus[disabled],
.ad-input-number-minus[disabled] {
  color: #999;
}
.ad-input-number-minus[disabled]:hover,
.ad-input-number-minus[disabled]:active,
.ad-input-number-plus[disabled]:hover,
.ad-input-number-plus[disabled]:active {
  background-color: #f5f5f5;
  color: #999;
}
/**
 * 卡片
 */
.ad-card {
  display: block;
  background-color: #fff;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  margin-bottom: 0.15rem;
  border-radius: 0.04rem;
}
.ad-card-header {
  padding: 0.15rem;
  font-size: 0.2rem;
  color: #10a5f1;
  line-height: 1.6;
  border-bottom: 1px solid #d7dde4;
  border-top: 1px solid #d7dde4;
  border-radius: 0.04rem 0.04rem 0 0;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
}
.ad-card-header.ad-card-media {
  padding: 0;
}
.ad-card-media.ad-card-media > img {
  width: 100%;
  height: auto;
  display: block;
}
.ad-card-content {
  padding: 0.15rem;
  font-size: 0.14rem;
  line-height: 1.6;
  border-bottom: 1px solid #d7dde4;
  color: #657180;
  width: 100%;
}
.ad-card-footer {
  padding: 0.15rem;
  font-size: 0.14rem;
  line-height: 1.6;
  width: 100%;
  color: #657180;
  vertical-align: middle;
  border-radius: 0 0 0.04rem 0.04rem;
}
/**
 * 滑板插件
 */
.ad-skate {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background: rgba(10, 20, 30, 0.3);
  width: 100%;
  display: none;
}
.ad-skate-content {
  position: fixed;
  top: 0;
  z-index: 1101;
  max-width: 100%;
  background-color: #fff;
  overflow: auto;
  overflow-x: hidden;
  color: #657180;
  padding: 0.1rem;
  display: none;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -ms-transition: all 400ms;
  -moz-transition: all 400ms;
}
@media only screen and (min-width: 0px) {
  .ad-skate-content {
    width: 3rem;
    left: -3.2rem;
    right: auto;
  }
  .ad-skate[data-show='right'] > .ad-skate-content {
    left: auto;
    right: -3.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .ad-skate-content {
    width: 4rem;
    left: -4.2rem;
    right: auto;
  }
  .ad-skate[data-show='right'] > .ad-skate-content {
    left: auto;
    right: -4.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-skate-content {
    width: 5rem;
    left: -5.2rem;
    right: auto;
  }
  .ad-skate[data-show='right'] > .ad-skate-content {
    left: auto;
    right: -5.2rem;
  }
}
@media only screen and (min-width: 1440px) {
  .ad-skate-content {
    width: 6rem;
    left: -6.2rem;
    right: auto;
  }
  .ad-skate[data-show='right'] > .ad-skate-content {
    left: auto;
    right: -6.2rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ad-skate-content {
    width: 7rem;
    left: -7.2rem;
    right: auto;
  }
  .ad-skate[data-show='right'] > .ad-skate-content {
    left: auto;
    right: -7.2rem;
  }
}
/**
 * 富文本编辑器
 */
.ad-editor {
  width: 100%;
  height: auto;
  padding: 0.06rem;
  border: 1px solid #d7dde4;
  border-radius: 0.04rem;
}
.ad-editor-tools {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 0.06rem;
  border-bottom: 1px solid #d7dde4;
  margin-bottom: 0.1rem;
}
.ad-editor-tools > .ad-editor-group {
  display: block;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
}
.ad-editor-tools .ad-editor-color-span {
  width: 0.21rem;
  height: 0.21rem;
  display: inline-block;
}
.ad-editor-tools .ad-editor-color-span:hover {
  cursor: pointer;
  border: 1px solid #657180;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.ad-editor-selected-color-span {
  width: 0.28rem;
  height: 0.2rem;
  border: none;
  vertical-align: middle;
  display: block;
  border-radius: 0;
}
.ad-editor-container {
  width: 100%;
  background-color: #fff;
  padding: 0.1rem;
  border-radius: 0.04rem;
  border: 1px solid #d7dde4;
  overflow-x: hidden;
  overflow: auto;
  font-size: 0.14rem;
  color: #657180;
  position: relative;
}
/* 代码视图 */
.ad-editor-pre {
  background-color: #000000;
  border: none;
  white-space: pre-wrap;
  color: #fff;
  height: 100%;
  font-size: 0.14rem;
  padding: 0.06rem;
  margin: 0;
  border-radius: 0.02rem;
}
.ad-editor-container[data-placeholder]:before {
  content: attr(data-placeholder);
  color: #bbb;
  font-size: 0.14rem;
  line-height: 1.6;
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
}
/**
 * 日历插件
 */
.ad-datepicker {
  display: inline-block;
  position: relative;
  width: 100%;
}
.ad-datepicker-input {
  background-color: #fff !important;
  cursor: pointer;
}
.ad-datepicker-input[disabled] {
  background-color: #f5f5f5 !important;
}
.ad-datepicker-input-active {
  border-color: #43b7f3 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(59, 180, 242, 0.3) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(59, 180, 242, 0.3) !important;
}
.ad-datepicker-icon {
  position: absolute;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0;
  color: #657180;
  cursor: pointer;
  border-left: 1px solid #d7dde4;
}
.ad-datepicker-icon-active {
  color: #10a5f1;
}
.ad-datepicker-panel {
  list-style: none;
  position: absolute;
  width: 3.6rem;
  left: 0;
  top: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin: 0.06rem 0;
  padding: 0.1rem;
  border-radius: 0.04rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 1280;
  white-space: nowrap;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  transition: transform 400ms, opacity 400ms;
  -ms-transition: transform 400ms, opacity 400ms;
  -moz-transition: transform 400ms, opacity 400ms;
  -webkit-transition: transform 400ms, opacity 400ms;
  transform: translateY(0.3rem);
  -ms-transform: translateY(0.3rem);
  -moz-transform: translateY(0.3rem);
  -webkit-transform: translateY(0.3rem);
  opacity: 0;
}
.ad-datepicker-panel-animation {
  opacity: 1;
  transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .ad-datepicker-panel {
    width: 4.8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ad-datepicker-panel {
    width: 3.2rem;
  }
}
.ad-datepicker[data-toggle='up'] .ad-datepicker-panel {
  bottom: 0;
  top: auto;
}
.ad-datepicker[data-toggle='up'] > .ad-datepicker-panel {
  bottom: 100%;
  top: auto;
}
.ad-datepicker-panel .ad-table,
.ad-datepicker-panel .ad-table * {
  border: none;
  font-size: 0.12rem;
}
.ad-datepicker-panel .ad-table > .ad-table-header {
  background-color: #fff;
  color: #657180;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item {
  color: #657180;
  cursor: pointer;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item[data-target="day"] {
  border-radius: 50%;
  width: 0.24rem;
  height: 0.24rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item:hover {
  color: #10a5f1;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item:active {
  color: #0983c1;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item[disabled],
.ad-datepicker-panel .ad-table .ad-datepicker-item[disabled]:hover,
.ad-datepicker-panel .ad-table .ad-datepicker-item[disabled]:active {
  color: #ccc;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item.ad-datepicker-default,
.ad-datepicker-panel .ad-table .ad-datepicker-item.ad-datepicker-default:hover,
.ad-datepicker-panel .ad-table .ad-datepicker-item.ad-datepicker-default:active {
  color: #10a5f1;
  font-weight: normal;
  background-color: #fff;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item.ad-datepicker-active {
  color: #10a5f1;
  font-weight: bold;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item.ad-datepicker-active:hover {
  font-weight: bold;
  color: #10a5f1;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item.ad-datepicker-active:active {
  font-weight: bold;
  color: #10a5f1;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item[data-target="day"].ad-datepicker-active {
  background-color: #10a5f1;
  color: #fff;
  font-weight: normal;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item[data-target="day"].ad-datepicker-active:hover {
  background-color: #10a5f1;
  color: #fff;
  font-weight: normal;
}
.ad-datepicker-panel .ad-table .ad-datepicker-item[data-target="day"].ad-datepicker-active:active {
  background-color: #10a5f1;
  color: #fff;
  font-weight: normal;
}
.ad-datepicker-panel > .ad-datepicker-footer {
  width: 100%;
  padding: 0.1rem 0.1rem 0 0.1rem;
  border-top: 1px solid #d7dde4;
  margin-top: 0.15rem;
}
.ad-datepicker-panel > .ad-datepicker-footer > .ad-datepicker-now {
  display: inline-block;
  color: #10a5f1;
  padding: 0.06rem 0.12rem;
  cursor: pointer;
  float: right;
  border-radius: 0.04rem;
}
.ad-datepicker-panel > .ad-datepicker-footer > .ad-datepicker-times {
  display: inline-block;
  color: #657180;
  cursor: pointer;
  border-radius: 0.04rem;
  padding: 0.06rem;
  float: left;
}
.ad-datepicker-panel > .ad-datepicker-footer > .ad-datepicker-times:hover,
.ad-datepicker-panel > .ad-datepicker-footer > .ad-datepicker-now:hover {
  background-color: #f5f5f5;
}
.ad-datepicker-panel > .ad-datepicker-footer > .ad-datepicker-times:active,
.ad-datepicker-panel > .ad-datepicker-footer > .ad-datepicker-now:active {
  background-color: #f1f1f1;
}
.ad-datepicker-panel > .ad-datepicker-header {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 0.1rem;
}
.ad-datepicker-panel > .ad-datepicker-header > span {
  display: block;
  text-align: center;
  min-width: 0.4rem;
  cursor: pointer;
  background-color: #fff;
  padding: 0.06rem 0.1rem;
  height: 0.3rem;
  line-height: 1.6;
  font-size: 0.14rem;
  border-radius: 0.04rem;
  color: #657180;
}
.ad-datepicker-panel > .ad-datepicker-header > span:hover {
  background-color: #f5f5f5;
  color: #10a5f1;
}
.ad-datepicker-panel > .ad-datepicker-header > span:active {
  background-color: #f1f1f1;
  color: #0983c1;
}
.ad-datepicker-panel > .ad-datepicker-header > span[disabled],
.ad-datepicker-panel > .ad-datepicker-header > span[disabled]:hover,
.ad-datepicker-panel > .ad-datepicker-header > span[disabled]:active {
  background-color: #fff;
  color: #ccc;
}
.ad-datepicker-panel > .ad-datepicker-header > span[unselected],
.ad-datepicker-panel > .ad-datepicker-header > span[unselected]:hover,
.ad-datepicker-panel > .ad-datepicker-header > span[unselected]:active {
  background-color: #fff;
  color: #657180;
}
/* 手风琴 */
.ad-accordion {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin-bottom: 0.15rem;
  border-radius: 0.04rem;
}
.ad-accordion > .ad-panel {
  border-radius: 0;
  margin: 0;
}
.ad-accordion > .ad-panel:first-of-type {
  border-top-left-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
}
.ad-accordion > .ad-panel:last-of-type {
  border-bottom-left-radius: 0.04rem;
  border-bottom-right-radius: 0.04rem;
}
.ad-accordion > .ad-panel.ad-panel-default {
  border-bottom: 1px solid #dedede;
}
.ad-accordion > .ad-panel.ad-panel-info {
  border-bottom: 1px solid #b3e2f9;
}
.ad-accordion > .ad-panel.ad-panel-primary {
  border-bottom: 1px solid #0789ca;
}
.ad-accordion > .ad-panel.ad-panel-danger {
  border-bottom: 1px solid #f7b7a7;
}
.ad-accordion > .ad-panel.ad-panel-warning {
  border-bottom: 1px solid #f7c59d;
}
.ad-accordion > .ad-panel.ad-panel-success {
  border-bottom: 1px solid #aef7b1;
}
/* 颜色选择器插件 */
.ad-colorpicker {
  display: inline-block;
  position: relative;
  width: 100%;
}
.ad-colorpicker > .ad-colorpicker-input {
  width: 100%;
  background-color: #fff !important;
  cursor: pointer;
  color: #657180 !important;
}
.ad-colorpicker > .ad-colorpicker-input[disabled] {
  background-color: #f5f5f5 !important;
  color: #999 !important;
}
.ad-colorpicker > .ad-colorpicker-input-active {
  border-color: #43b7f3 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(59, 180, 242, 0.3) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 10px rgba(59, 180, 242, 0.3) !important;
}
.ad-colorpicker > .ad-colorpicker-icon {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  border-left: 1px solid #d7dde4;
  cursor: pointer;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ad-colorpicker > .ad-colorpicker-icon > div {
  width: 70%;
  height: 70%;
}
.ad-colorpicker > .ad-colorpicker-active {
  color: #43b7f3;
}
.ad-colorpicker > .ad-colorpicker-panel {
  list-style: none;
  position: absolute;
  width: 3.6rem;
  left: 0;
  top: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin: 0.06rem 0;
  padding: 0.1rem 0.25rem;
  border-radius: 0.04rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 1280;
  white-space: nowrap;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
.ad-colorpicker[data-toggle='up'] .ad-colorpicker-panel {
  bottom: 0;
  top: auto;
}
.ad-colorpicker[data-toggle='up'] > .ad-colorpicker-panel {
  bottom: 100%;
  top: auto;
}
.ad-colorpicker-panel-sv {
  width: 100%;
  background: transparent;
  position: relative;
  height: 2.4rem;
  cursor: crosshair;
}
.ad-colorpicker-panel-sv::before,
.ad-colorpicker-panel-sv::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ad-colorpicker-panel-sv::before {
  background: linear-gradient(to right, white, transparent);
}
.ad-colorpicker-panel-sv::after {
  background: linear-gradient(to top, black, transparent);
}
.ad-colorpicker-panel-sv .ad-colorpicker-slideSV {
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  background-color: transparent;
  border: 1px solid #d7dde4;
  top: -0.15rem;
  left: calc(100% - 0.15rem);
  border-radius: 100%;
  z-index: 20;
  cursor: pointer;
  background-color: #f5f5f5;
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .ad-colorpicker-panel-sv .ad-colorpicker-slideSV {
    width: 0.18rem;
    height: 0.18rem;
    top: -0.09rem;
    left: calc(100% - 0.09rem);
  }
}
.ad-colorpicker-panel-hue {
  width: 100%;
  margin-top: 0.1rem;
  height: 0.2rem;
  border-radius: 0;
  background: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
  position: relative;
  cursor: pointer;
}
.ad-colorpicker-panel-hue .ad-colorpicker-slideHue {
  position: absolute;
  width: 0.2rem;
  height: 100%;
  background-color: #f5f5f5;
  border: 1px solid #d7dde4;
  left: -0.1rem;
  top: 0;
  opacity: 0.6;
}
@media only screen and (min-width: 768px) {
  .ad-colorpicker-panel-hue .ad-colorpicker-slideHue {
    width: 0.08rem;
    left: -0.04rem;
  }
}
.ad-colorpicker-panel-alpha {
  position: relative;
  width: 100%;
  height: 0.15rem;
  margin-top: 0.1rem;
  background-color: white;
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 0.1rem 0.1rem;
  background-position: 0 0, 0.05rem 0.05rem;
  cursor: pointer;
}
.ad-colorpicker-panel-alpha .ad-colorpicker-bg {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
}
.ad-colorpicker-panel-alpha .ad-colorpicker-slideAlpha {
  position: absolute;
  width: 0.16rem;
  height: 100%;
  background-color: #f5f5f5;
  border: 1px solid #d7dde4;
  z-index: 20;
  left: calc(100% - 0.08rem);
  top: 0;
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
  .ad-colorpicker-panel-alpha .ad-colorpicker-slideAlpha {
    width: 0.08rem;
    left: calc(100% - 0.04rem);
  }
}
.ad-colorpicker-showarea {
  width: 100%;
  height: 0.29rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-top: 0.1rem;
}
.ad-colorpicker-showarea > .ad-colorpicker-area {
  display: inline-block;
  width: 10%;
  height: 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 0.04rem;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #d7dde4;
}
.ad-colorpicker-showarea > .ad-colorpicker-value {
  width: 54%;
  height: 100%;
  line-height: 1.6;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  border: 1px solid #d7dde4;
  border-radius: 0.04rem;
  padding: 0 0.1rem;
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
}
.ad-colorpicker-showarea > .ad-btn {
  width: 16%;
}
/**
 * 轮播图组件
 */
.ad-swiper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ad-swiper .ad-swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ad-swiper .ad-swiper-wrapper .ad-swiper-slide {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.ad-swiper .ad-swiper-wrapper .ad-swiper-slide.ad-swiper-slide-fade {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.ad-swiper .ad-swiper-wrapper-flex {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
}
.ad-swiper .ad-swiper-wrapper-horizontal {
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  height: 100%;
}
.ad-swiper .ad-swiper-wrapper-vertical {
  width: 100%;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.ad-swiper .ad-swiper-btn-prev,
.ad-swiper .ad-swiper-btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.04rem;
  cursor: pointer;
  color: #f1f1f1;
  font-size: 0.16rem;
  font-weight: bold;
  z-index: 20;
  vertical-align: middle;
}
.ad-swiper .ad-swiper-btn-prev:active,
.ad-swiper .ad-swiper-btn-next:active {
  color: #10a5f1;
}
.ad-swiper .ad-swiper-btn-next {
  right: 0.1rem;
}
.ad-swiper .ad-swiper-btn-prev {
  left: 0.1rem;
}
.ad-swiper .ad-swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 0.1rem;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ad-swiper .ad-swiper-pagination .ad-swiper-pagination-dot {
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 100%;
  background-color: #999;
  cursor: pointer;
}
.ad-swiper .ad-swiper-pagination .ad-swiper-pagination-dot + .ad-swiper-pagination-dot {
  margin-left: 0.1rem;
}
.ad-swiper .ad-swiper-pagination .ad-swiper-pagination-dot[data-active] {
  background-color: #fff;
}
.ad-roll-container {
  position: relative;
  overflow: hidden;
}
.ad-roll {
  position: absolute;
  left: 100%;
  top: 100%;
}
.ad-roll-vertical {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ad-roll-horizontal {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ad-tree {
  position: relative;
  width: 100%;
  display: block;
}
.ad-tree-node {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
.ad-tree-header {
  padding: 0.06rem 0.12rem;
  line-height: 1.6;
  position: relative;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.ad-tree-node.border:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.12rem;
  width: calc(100% - 0.12rem - 0.12rem);
  height: 1px;
  background-color: #d7dde4;
}
.ad-tree-menu {
  display: block;
  position: relative;
  padding: 0;
  padding-left: 0.2rem;
}
.ad-tree-header-icons,
.ad-tree-header-navigation {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.ad-tree-header-navigation {
  position: absolute;
  right: 0.12rem;
  top: 0;
  height: 100%;
}
.ad-tree-header-icons > *,
.ad-tree-header-navigation > * {
  margin-right: 0.06rem;
  width: 0.14rem;
  display: block;
}
.ad-tree-header-icons > *:last-child,
.ad-tree-header-navigation > *:last-child {
  margin-right: 0;
}
.ad-tree-header-name {
  padding: 0 0.06rem;
  margin: 0;
  cursor: pointer;
  color: #657180;
  display: block;
}
.ad-tree-header-name[disabled] {
  color: #dcdfe6;
}
.ad-tree-header-icons > [data-icon="expandIcon"] {
  cursor: pointer;
}
.ad-tree-header-icons > [data-icon="expandIcon"][disabled],
.ad-tree-header-icons > [data-icon="parentNodeIcon"][disabled],
.ad-tree-header-icons > [data-icon="childNodeIcon"][disabled],
.ad-tree-header-navigation > [data-icon="navigationIcon"][disabled] {
  color: #dcdfe6;
}
/* 辅助类 */
@media only screen and (min-width: 768px) {
  /* <768px显示,其他隐藏 */
  .ad-show-xs {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  /* <1024px显示,其他隐藏 */
  .ad-show-sm {
    display: none;
  }
}
@media only screen and (min-width: 1440px) {
  /* <1440px显示,其他隐藏 */
  .ad-show-md {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  /* <1920px显示,其他隐藏 */
  .ad-show-lg {
    display: none;
  }
}
/* 边框线宽度1px */
.ad-border-1px {
  border-width: 1px;
}
/* 边框线类型 */
.ad-border-solid {
  border-style: solid;
}
.ad-border-dashed {
  border-style: dashed;
}
/**
 * 边框线颜色
 */
.ad-border-light {
  border-color: #f1f1f1;
}
.ad-border-muted {
  border-color: #999;
}
.ad-border-danger {
  border-color: #ff3300;
}
.ad-border-success {
  border-color: #05b905;
}
.ad-border-info {
  border-color: #10a5f1;
}
.ad-border-primary {
  border-color: #0789ca;
}
.ad-border-warning {
  border-color: #f5700a;
}
/**
 * 圆角辅助类
 */
.ad-radius-none {
  border-radius: 0;
}
.ad-radius-xs {
  border-radius: 0.02rem;
}
.ad-radius-sm {
  border-radius: 0.04rem;
}
.ad-radius-md {
  border-radius: 0.08rem;
}
.ad-radius-lg {
  border-radius: 0.12rem;
}
.ad-radius-xl {
  border-radius: 0.2rem;
}
/*自适应父容器大小*/
.ad-form-control {
  display: block;
  width: 100%;
}
/**
 * Y轴回弹滚动效果
 */
.ad-scrolling-touch {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/**
 * 定义粗体
 */
.ad-text-bold {
  font-weight: bold;
}
.ad-text-normal {
  font-weight: normal;
}
/**
 * 定义危险样式的文本
 */
.ad-text-danger {
  color: #ff3300;
}
a.ad-text-danger:hover {
  color: #c12903;
}
/**
 * 定义警告样式的文本
 */
.ad-text-warning {
  color: #f5700a;
}
a.ad-text-warning:hover {
  color: #cc5d08;
}
/**
 * 定义标记样式的文本
 */
.ad-text-info {
  color: #10a5f1;
}
a.ad-text-info:hover {
  color: #0983c1;
}
/**
 * 定义成功样式文本
 */
.ad-text-success {
  color: #05b905;
}
a.ad-text-success:hover {
  color: #069a06;
}
/**
 * 柔和中性色
 */
.ad-text-muted {
  color: #999;
}
a.ad-text-muted:hover {
  color: #666;
}
/**
 * 主要颜色
 */
.ad-text-primary {
  color: #0789ca;
}
a.ad-text-primary:hover {
  color: #075d88;
}
/**
 * 亮色 
 */
.ad-text-light {
  color: #fff;
}
a.ad-text-light:hover {
  color: #f1f1f1;
}
/**
 * 默认色
 */
.ad-text-default {
  color: #657180;
}
a.ad-text-default:hover {
  color: #333;
}
/**
 * 成功背景色
 */
.ad-bg-success {
  background-color: #c2fdc4;
  color: #05b905;
}
a.ad-bg-success:hover {
  background-color: #aef7b1;
}
/**
 * 警告背景色
 */
.ad-bg-warning {
  background-color: #ffd6b6;
  color: #f5700a;
}
a.ad-bg-warning:hover {
  background-color: #f7c59d;
}
/**
 * 信息背景色
 */
.ad-bg-info {
  background-color: #c3ebff;
  color: #10a5f1;
}
a.ad-bg-info:hover {
  background-color: #b3e2f9;
}
/**
 * 主要背景色
 */
.ad-bg-primary {
  background-color: #1eacf3;
  color: #fff;
}
a.ad-bg-primary:hover {
  background-color: #0789ca;
}
/**
 * 危险背景色
 */
.ad-bg-danger {
  background-color: #f9cec3;
  color: #ff3300;
}
a.ad-bg-danger:hover {
  background-color: #f7b7a7;
}
/**
 *柔和背景色 
 */
.ad-bg-muted {
  background-color: #e2e7ea;
  color: #666;
}
a.ad-bg-muted:hover {
  background-color: #dedede;
}
/**
 * 文本对齐方式
 */
.ad-text-right {
  text-align: right;
}
.ad-text-left {
  text-align: left;
}
.ad-text-center {
  text-align: center;
}
.ad-text-justify {
  text-align: justify;
}
/**
 * 元素固定在顶部
 */
.ad-fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
}
/**
 * 元素固定在底部
 */
.ad-fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 800;
}
/**
 * 右悬浮
 */
.ad-pull-right {
  float: right;
}
/**
 * 左悬浮
 */
.ad-pull-left {
  float: left;
}
/**
 * 隐藏辅助类
 */
.ad-hidden {
  display: none;
}
@media only screen and (max-width: 767px) {
  .ad-hidden-xs {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .ad-hidden-sm {
    display: none;
  }
}
@media only screen and (max-width: 1439px) {
  .ad-hidden-md {
    display: none;
  }
}
@media only screen and (max-width: 1919px) {
  .ad-hidden-lg {
    display: none;
  }
}
/**
 * 元素垂直水平居中
 */
.ad-flex-center {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.ad-inline-center {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  align-items: center;
}
/**
 * 元素不转行，且溢出显示省略号
 */
.ad-ellipsis-nowrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/**
 * 多行文本
 */
.ad-ellipsis-warp2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.ad-ellipsis-warp3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.ad-ellipsis-warp4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.ad-ellipsis-warp5 {
  overflow: hidden ;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
/**
 * 鼠标点击样式
 */
.ad-hover-cursor {
  cursor: pointer;
}
/* 字体大小辅助类 */
.ad-font-xs {
  font-size: 0.1rem;
}
.ad-font-sm {
  font-size: 0.12rem;
}
.ad-font-md {
  font-size: 0.14rem;
}
.ad-font-lg {
  font-size: 0.16rem;
}
.ad-font-xl {
  font-size: 0.2rem;
}
/* 滚动监听动画 */
.ad-scrollspy.ad-scrollspy-animation {
  transition: all 1s;
  -ms-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
}
.ad-scrollspy[data-animation="fade"] {
  opacity: 0;
}
.ad-scrollspy[data-animation="slide-left"] {
  opacity: 0;
  transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}
.ad-scrollspy[data-animation="slide-right"] {
  opacity: 0;
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.ad-scrollspy[data-animation="slide-bottom"] {
  opacity: 0;
  transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
.ad-scrollspy[data-animation="slide-top"] {
  opacity: 0;
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.ad-scrollspy[data-animation="rotateY"] {
  opacity: 0;
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.ad-scrollspy[data-animation="rotateX"] {
  opacity: 0;
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}
.ad-scrollspy[data-animation="scale-small"] {
  opacity: 0;
  transform: scale(0.3);
  -ms-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -webkit-transform: scale(0.3);
}
.ad-scrollspy[data-animation="scale-large"] {
  opacity: 0;
  transform: scale(2);
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
}
.ad-scrollspy.ad-scrollspy-inital {
  opacity: 1;
  transform: translate(0) rotate(0) scale(1);
  -ms-transform: translate(0) rotate(0) scale(1);
  -moz-transform: translate(0) rotate(0) scale(1);
  -webkit-transform: translate(0) rotate(0) scale(1);
}