/* ¡ý¡ý¡ý¡ý¡ý¡ý¡ý reset user agent stylesheet ¡ý¡ý¡ý¡ý¡ý¡ý¡ý */
* { 
 /*   box-sizing: border-box;  */
 margin: 0; padding: 0;
    -webkit-tap-highlight-color: transparent;   /*  */
}
ol, ul { list-style: none; }
a {
/* color: inherit;*/ 
text-decoration: none;
-webkit-transition: color .24s;
transition: color .24s; }
img { border: none; vertical-align: middle; }
:focus, a, button, input, textarea { outline: none; }   /*  */
input::-ms-clear, input::-ms-reveal{ display: none; }   /*  */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }   /*  */
body, button, input, textarea, select {
    color: #333;
    font-size: 12px;
    line-height: 1.5;
    font-family: "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}


/* ¡ý¡ý¡ý¡ý¡ý¡ý¡ý global ¡ý¡ý¡ý¡ý¡ý¡ý¡ý */
.fl { float: left; }
.fr { float: right; }
.clearfix::after { content: ""; display: block; clear: both; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/*  */
.text-justify { text-align: justify; text-align-last: justify; font-size: 0; }    
.text-justify::after { content: ""; display: inline-block; width: 100%; }

.single-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.double-ellipsis { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }  /*  */

.disable-select {
    -webkit-user-select: none;  /* safari */
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}


/* ¡ý¡ý¡ý¡ý¡ý¡ý¡ý  ¡ý¡ý¡ý¡ý¡ý¡ý¡ý */
@font-face {
    font-family: "custom-font";
    src: url("./iconfont/iconfont.eot"),    /* IE9+ */
         url("./iconfont/iconfont.ttf") format("truetype");
}
.icon,
.i-icon

/* i-icon */
.i-icon { font-family: "custom-font" !important; }
.i-icon-account:before { content: "\e636"; }
.i-icon-add:before { content: "\e94f"; }
.i-icon-audio:before { content: "\e663"; }
.i-icon-cancel:before { content: "\e60c"; }
.i-icon-cert:before { content: "\e628"; }
.i-icon-checkin:before { content: "\e66f"; }
.i-icon-close:before { content: "\e650"; }
.i-icon-code:before { content: "\e63a"; }
.i-icon-column:before { content: "\e641"; }
.i-icon-comment:before { content: "\e64e"; }
.i-icon-correct:before { content: "\e8af"; }
.i-icon-course:before { content: "\e6c3"; }
.i-icon-date:before { content: "\e6ff"; }
.i-icon-delete:before { content: "\e62a"; }
.i-icon-discuss:before { content: "\e607"; }
.i-icon-download:before { content: "\e601"; }
.i-icon-exercise:before { content: "\e602"; }
.i-icon-expand:before { content: "\e6db"; }
.i-icon-ios-eye:before { content: "\e7ba"; }
.i-icon-fontsize:before { content: "\e635"; }
.i-icon-giftcard:before { content: "\e616"; }
.i-icon-graphic:before { content: "\e725"; }
.i-icon-help:before { content: "\e60f"; }
.i-icon-home:before { content: "\e606"; }
.i-icon-locked:before { content: "\e630"; }
.i-icon-mail:before { content: "\e8a2"; }
.i-icon-medal:before { content: "\e62f"; }
.i-icon-menu:before { content: "\e60d"; }
.i-icon-menu-dot:before { content: "\e743"; }
.i-icon-mobile:before { content: "\e799"; }
.i-icon-more:before { content: "\e60e"; }
.i-icon-more-btn:before { content: "\e60a"; }
.i-icon-my:before { content: "\e67b"; }
.i-icon-note:before { content: "\e623"; }
.i-icon-notice:before { content: "\e731"; }
.i-icon-notice-outline:before { content: "\e732"; }
.i-icon-option:before { content: "\e659"; }
.i-icon-order:before { content: "\e617"; }
.i-icon-package:before { content: "\e60b"; }
.i-icon-play:before { content: "\e696"; }
.i-icon-refresh:before { content: "\e600"; }
.i-icon-reset:before { content: "\e655"; }
.i-icon-rollback:before { content: "\e61a"; }
.i-icon-search:before { content: "\e63d"; }
.i-icon-select:before { content: "\e94e"; }
.i-icon-setting:before { content: "\e65a"; }
.i-icon-share:before { content: "\e63f"; }
.i-icon-star:before { content: "\e86a"; }
.i-icon-star-outline:before { content: "\e7df"; }
.i-icon-topic:before { content: "\e629"; }
.i-icon-tutorial:before { content: "\e67a"; }
.i-icon-vip:before { content: "\e720"; }
.i-icon-voucher:before { content: "\e6a5"; }

.i-icon-up:before { content: "\e951"; }
.i-icon-down:before { content: "\e950"; }

.i-icon-arrow-up:before { content: "\e61f"; }
.i-icon-arrow-down:before { content: "\e953"; }
.i-icon-arrow-left:before { content: "\e955"; }
.i-icon-arrow-right:before { content: "\e954"; }

.i-icon-battle-outline:before { content: "\e7b2"; }
.i-icon-battle:before { content: "\e612"; }

.i-icon-prev:before { content: "\e772"; }
.i-icon-next:before { content: "\e771"; }
.i-icon-prev-section:before { content: "\e952"; }
.i-icon-next-section:before { content: "\e63b"; }

.i-icon-day-mode:before { content: "\e652"; }
.i-icon-night-mode:before { content: "\e633"; }

.i-icon-ios-call:before { content: "\e782"; }
.i-icon-ios-contact:before { content: "\e781"; }
.i-icon-ios-home:before { content: "\e79b"; }

/*  */