yunshangxie/unpackage/dist/dev/mp-weixin/common/main.wxss

@charset "UTF-8";
/**
 * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 
 */
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@charset "UTF-8";
@font-face {
  font-family: "tuniaoFont"; /* Project id 3063751 */
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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
       url('//at.alicdn.com/t/c/font_3063751_pd5m6puw4p.woff?t=1701183381697') format('woff'),
       url('//at.alicdn.com/t/c/font_3063751_pd5m6puw4p.ttf?t=1701183381697') format('truetype');
}
[class*='tn-icon-'] {
  font-family: 'tuniaoFont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  text-decoration: none;
}
.tn-icon-left-circle-simple:before {
  content: "\ea38";
}
.tn-icon-left-circle-simple-fill:before {
  content: "\ea39";
}
.tn-icon-down-circle-simple:before {
  content: "\ea3a";
}
.tn-icon-down-circle-simple-fill:before {
  content: "\ea3b";
}
.tn-icon-right-circle-simple-fill:before {
  content: "\ea3c";
}
.tn-icon-right-circle-simple:before {
  content: "\ea3d";
}
.tn-icon-up-circle-simple:before {
  content: "\ea3e";
}
.tn-icon-up-circle-simple-fill:before {
  content: "\ea3f";
}
.tn-icon-my-love:before {
  content: "\ea35";
}
.tn-icon-address-fill:before {
  content: "\ea36";
}
.tn-icon-address:before {
  content: "\ea37";
}
.tn-icon-like-lack-fill:before {
  content: "\ea32";
}
.tn-icon-oa:before {
  content: "\ea33";
}
.tn-icon-like-break-fill:before {
  content: "\ea34";
}
.tn-icon-signal:before {
  content: "\ea2e";
}
.tn-icon-help-question:before {
  content: "\ea2f";
}
.tn-icon-radioactivity:before {
  content: "\ea30";
}
.tn-icon-signal-no:before {
  content: "\ea31";
}
.tn-icon-dice-face:before {
  content: "\ea2d";
}
.tn-icon-vip-diamond:before {
  content: "\e9c9";
}
.tn-icon-video-square:before {
  content: "\e9ca";
}
.tn-icon-vip-diamond-fill:before {
  content: "\ea29";
}
.tn-icon-vr:before {
  content: "\ea2a";
}
.tn-icon-vr-fill:before {
  content: "\ea2b";
}
.tn-icon-video-square-fill:before {
  content: "\ea2c";
}
.tn-icon-arrivals:before {
  content: "\ea27";
}
.tn-icon-departures:before {
  content: "\ea28";
}
.tn-icon-parking:before {
  content: "\ea26";
}
.tn-icon-fireworks:before {
  content: "\ea25";
}
.tn-icon-cloud-fill:before {
  content: "\ea23";
}
.tn-icon-cloud:before {
  content: "\ea24";
}
.tn-icon-snowflake:before {
  content: "\e949";
}
.tn-icon-prohibit:before {
  content: "\ea22";
}
.tn-icon-honeycomb-fill:before {
  content: "\ea20";
}
.tn-icon-honeycomb:before {
  content: "\ea21";
}
.tn-icon-starry:before {
  content: "\ea1e";
}
.tn-icon-vscode:before {
  content: "\ea1f";
}
.tn-icon-tips-fill:before {
  content: "\ea1b";
}
.tn-icon-tip:before {
  content: "\ea1c";
}
.tn-icon-tips:before {
  content: "\ea1d";
}
.tn-icon-write-feather-fill:before {
  content: "\ea19";
}
.tn-icon-write-feather:before {
  content: "\ea1a";
}
.tn-icon-eat:before {
  content: "\e98b";
}
.tn-icon-eat-fill:before {
  content: "\e98c";
}
.tn-icon-eat-west:before {
  content: "\ea0f";
}
.tn-icon-eat-west-fill:before {
  content: "\ea10";
}
.tn-icon-eat-other:before {
  content: "\ea11";
}
.tn-icon-eat-other-fill:before {
  content: "\ea12";
}
.tn-icon-food-fill:before {
  content: "\ea13";
}
.tn-icon-food:before {
  content: "\ea14";
}
.tn-icon-folder-reduce:before {
  content: "\ea15";
}
.tn-icon-folder-add-fill:before {
  content: "\ea16";
}
.tn-icon-folder-reduce-fill:before {
  content: "\ea17";
}
.tn-icon-folder-add:before {
  content: "\ea18";
}
.tn-icon-fold:before {
  content: "\ea0d";
}
.tn-icon-unfold:before {
  content: "\ea0e";
}
.tn-icon-refresh-simple:before {
  content: "\ea0c";
}
.tn-icon-assign-fill:before {
  content: "\ea0a";
}
.tn-icon-assign:before {
  content: "\ea0b";
}
.tn-icon-praise-simple:before {
  content: "\ea06";
}
.tn-icon-praise-simple-fill:before {
  content: "\ea07";
}
.tn-icon-tread-simple-fill:before {
  content: "\ea08";
}
.tn-icon-tread-simple:before {
  content: "\ea09";
}
.tn-icon-fish:before {
  content: "\ea05";
}
.tn-icon-pushpin-fill:before {
  content: "\ea03";
}
.tn-icon-pushpin:before {
  content: "\ea04";
}
.tn-icon-equal:before {
  content: "\ea00";
}
.tn-icon-equal-fill:before {
  content: "\ea01";
}
.tn-icon-totop-simple:before {
  content: "\ea02";
}
.tn-icon-floral-fill:before {
  content: "\e9fe";
}
.tn-icon-floral:before {
  content: "\e9ff";
}
.tn-icon-my-job:before {
  content: "\e9f9";
}
.tn-icon-my-job-fill:before {
  content: "\e9fa";
}
.tn-icon-my-formal:before {
  content: "\e9fb";
}
.tn-icon-my-formal-fill:before {
  content: "\e9fc";
}
.tn-icon-history:before {
  content: "\e9fd";
}
.tn-icon-seafox:before {
  content: "\e9f8";
}
.tn-icon-norm-fill:before {
  content: "\e9f6";
}
.tn-icon-norm:before {
  content: "\e9f7";
}
.tn-icon-cargoship:before {
  content: "\e9f5";
}
.tn-icon-menu-grille-fill:before {
  content: "\e9f3";
}
.tn-icon-menu-grille:before {
  content: "\e9f4";
}
.tn-icon-piggy-bank:before {
  content: "\e9ef";
}
.tn-icon-skull-fill:before {
  content: "\e9f0";
}
.tn-icon-skull:before {
  content: "\e9f1";
}
.tn-icon-piggy-bank-fill:before {
  content: "\e9f2";
}
.tn-icon-next-song:before {
  content: "\e9eb";
}
.tn-icon-previous-song:before {
  content: "\e9ec";
}
.tn-icon-previous-song-fill:before {
  content: "\e9ed";
}
.tn-icon-next-song-fill:before {
  content: "\e9ee";
}
.tn-icon-ai:before {
  content: "\e9e9";
}
.tn-icon-ai-fill:before {
  content: "\e9ea";
}
.tn-icon-headset-fill:before {
  content: "\e9e8";
}
.tn-icon-reduce-rhombus-fill:before {
  content: "\e9e6";
}
.tn-icon-reduce-rhombus:before {
  content: "\e9e7";
}
.tn-icon-umbrella-fill:before {
  content: "\e9a1";
}
.tn-icon-footprint-fill:before {
  content: "\e992";
}
.tn-icon-folder:before {
  content: "\e9df";
}
.tn-icon-folder-fill:before {
  content: "\e9e0";
}
.tn-icon-folder-download-fill:before {
  content: "\e9e1";
}
.tn-icon-pyramid:before {
  content: "\e9e2";
}
.tn-icon-folder-upload:before {
  content: "\e9e3";
}
.tn-icon-folder-download:before {
  content: "\e9e4";
}
.tn-icon-folder-upload-fill:before {
  content: "\e9e5";
}
.tn-icon-hotspot:before {
  content: "\e9dc";
}
.tn-icon-router:before {
  content: "\e9dd";
}
.tn-icon-router-fill:before {
  content: "\e9de";
}
.tn-icon-menu-rhombus:before {
  content: "\e9da";
}
.tn-icon-menu-rhombus-fill:before {
  content: "\e9db";
}
.tn-icon-plane-fill:before {
  content: "\e9d8";
}
.tn-icon-plane:before {
  content: "\e9d9";
}
.tn-icon-spiral:before {
  content: "\e9d2";
}
.tn-icon-lotus:before {
  content: "\e9d3";
}
.tn-icon-koi:before {
  content: "\e9d4";
}
.tn-icon-koi-fill:before {
  content: "\e9d5";
}
.tn-icon-add-rhombus-fill:before {
  content: "\e9d6";
}
.tn-icon-add-rhombus:before {
  content: "\e9d7";
}
.tn-icon-bookmark:before {
  content: "\e9ce";
}
.tn-icon-bookmark-fill:before {
  content: "\e9cf";
}
.tn-icon-refresh:before {
  content: "\e9d0";
}
.tn-icon-refresh-square:before {
  content: "\e9d1";
}
.tn-icon-tread-fill:before {
  content: "\e9cb";
}
.tn-icon-audio:before {
  content: "\e9cc";
}
.tn-icon-tread:before {
  content: "\e9cd";
}
.tn-icon-play:before {
  content: "\e9c8";
}
.tn-icon-inventory-fill:before {
  content: "\e9c3";
}
.tn-icon-percent-fill:before {
  content: "\e9c4";
}
.tn-icon-percent:before {
  content: "\e9c5";
}
.tn-icon-inventory:before {
  content: "\e9c6";
}
.tn-icon-activity:before {
  content: "\e9c7";
}
.tn-icon-qr-code-circle:before {
  content: "\e9c2";
}
.tn-icon-task-fill:before {
  content: "\e9c0";
}
.tn-icon-task:before {
  content: "\e9c1";
}
.tn-icon-text-best:before {
  content: "\e9be";
}
.tn-icon-text-free:before {
  content: "\e9bf";
}
.tn-icon-text-zgs:before {
  content: "\e8ff";
}
.tn-icon-text-xzx:before {
  content: "\e9ba";
}
.tn-icon-text-like:before {
  content: "\e9bb";
}
.tn-icon-text-sale:before {
  content: "\e9bc";
}
.tn-icon-text-hot:before {
  content: "\e9bd";
}
.tn-icon-home-leaf:before {
  content: "\e9b8";
}
.tn-icon-home-leaf-fill:before {
  content: "\e9b9";
}
.tn-icon-service-simple-fill:before {
  content: "\e9b6";
}
.tn-icon-service-simple:before {
  content: "\e9b7";
}
.tn-icon-meteor-fill:before {
  content: "\e9b4";
}
.tn-icon-meteor:before {
  content: "\e9b5";
}
.tn-icon-dice-five:before {
  content: "\e9ae";
}
.tn-icon-dice-one:before {
  content: "\e9af";
}
.tn-icon-dice-three:before {
  content: "\e9b0";
}
.tn-icon-dice-six:before {
  content: "\e9b1";
}
.tn-icon-dice-four:before {
  content: "\e9b2";
}
.tn-icon-dice-two:before {
  content: "\e9b3";
}
.tn-icon-theme-fill:before {
  content: "\e938";
}
.tn-icon-theme:before {
  content: "\e9ad";
}
.tn-icon-download-simple:before {
  content: "\e9ab";
}
.tn-icon-upload-simple:before {
  content: "\e9ac";
}
.tn-icon-on:before {
  content: "\e9a9";
}
.tn-icon-off:before {
  content: "\e9aa";
}
.tn-icon-my-circle:before {
  content: "\e9a7";
}
.tn-icon-my-circle-fill:before {
  content: "\e9a8";
}
.tn-icon-temperature-f:before {
  content: "\e9a5";
}
.tn-icon-temperature-c:before {
  content: "\e9a6";
}
.tn-icon-sunrise:before {
  content: "\e9a3";
}
.tn-icon-sunset:before {
  content: "\e9a4";
}
.tn-icon-password:before {
  content: "\e9a0";
}
.tn-icon-umbrella:before {
  content: "\e9a2";
}
.tn-icon-unite:before {
  content: "\e999";
}
.tn-icon-unite-fill:before {
  content: "\e99a";
}
.tn-icon-global:before {
  content: "\e99b";
}
.tn-icon-reload-home:before {
  content: "\e99c";
}
.tn-icon-reload-planet:before {
  content: "\e99d";
}
.tn-icon-reload-home-fill:before {
  content: "\e99e";
}
.tn-icon-reload-planet-fill:before {
  content: "\e99f";
}
.tn-icon-route:before {
  content: "\e997";
}
.tn-icon-route-fill:before {
  content: "\e998";
}
.tn-icon-my-simple-fill:before {
  content: "\e98e";
}
.tn-icon-my-simple:before {
  content: "\e98f";
}
.tn-icon-around-fill:before {
  content: "\e990";
}
.tn-icon-around:before {
  content: "\e991";
}
.tn-icon-footprint:before {
  content: "\e993";
}
.tn-icon-my-lack-fill:before {
  content: "\e994";
}
.tn-icon-my-lack:before {
  content: "\e995";
}
.tn-icon-bigscreen:before {
  content: "\e996";
}
.tn-icon-escalator:before {
  content: "\e98d";
}
.tn-icon-suitcase:before {
  content: "\e989";
}
.tn-icon-suitcase-fill:before {
  content: "\e98a";
}
.tn-icon-add-square-fill:before {
  content: "\e904";
}
.tn-icon-cute:before {
  content: "\e988";
}
.tn-icon-compress:before {
  content: "\e96e";
}
.tn-icon-expend:before {
  content: "\e96f";
}
.tn-icon-windows:before {
  content: "\e970";
}
.tn-icon-trademark:before {
  content: "\e971";
}
.tn-icon-tailor:before {
  content: "\e972";
}
.tn-icon-move:before {
  content: "\e973";
}
.tn-icon-pillow:before {
  content: "\e974";
}
.tn-icon-bathtub:before {
  content: "\e975";
}
.tn-icon-buy:before {
  content: "\e976";
}
.tn-icon-buy-fill:before {
  content: "\e977";
}
.tn-icon-allday:before {
  content: "\e978";
}
.tn-icon-home-love-fill:before {
  content: "\e979";
}
.tn-icon-home-love:before {
  content: "\e97a";
}
.tn-icon-gesture-two:before {
  content: "\e97b";
}
.tn-icon-gesture-four:before {
  content: "\e97c";
}
.tn-icon-gesture-five:before {
  content: "\e97d";
}
.tn-icon-gesture-one:before {
  content: "\e97e";
}
.tn-icon-gesture-three:before {
  content: "\e97f";
}
.tn-icon-gesture-dropdown:before {
  content: "\e980";
}
.tn-icon-plant-fill:before {
  content: "\e981";
}
.tn-icon-plant:before {
  content: "\e982";
}
.tn-icon-pillow-fill:before {
  content: "\e983";
}
.tn-icon-bathtub-fill:before {
  content: "\e984";
}
.tn-icon-wheelchair:before {
  content: "\e985";
}
.tn-icon-narrow-all:before {
  content: "\e986";
}
.tn-icon-fullscreen-all:before {
  content: "\e987";
}
.tn-icon-close-square-fill:before {
  content: "\e945";
}
.tn-icon-add-square:before {
  content: "\e962";
}
.tn-icon-close-square:before {
  content: "\e963";
}
.tn-icon-my-reduce:before {
  content: "\e964";
}
.tn-icon-square-fill:before {
  content: "\e965";
}
.tn-icon-pay-fill:before {
  content: "\e966";
}
.tn-icon-commissary:before {
  content: "\e967";
}
.tn-icon-commissary-fill:before {
  content: "\e968";
}
.tn-icon-notice-no-fill:before {
  content: "\e969";
}
.tn-icon-cross-fill:before {
  content: "\e96a";
}
.tn-icon-nintendo-switch:before {
  content: "\e96b";
}
.tn-icon-mammoth:before {
  content: "\e96c";
}
.tn-icon-open:before {
  content: "\e96d";
}
.tn-icon-bed-fill:before {
  content: "\e916";
}
.tn-icon-bed:before {
  content: "\e961";
}
.tn-icon-menu-flex-fill:before {
  content: "\e956";
}
.tn-icon-menu-flex:before {
  content: "\e957";
}
.tn-icon-logistics-fill:before {
  content: "\e958";
}
.tn-icon-ghost-fill:before {
  content: "\e959";
}
.tn-icon-keyboard-circle-fill:before {
  content: "\e95a";
}
.tn-icon-brand-fill:before {
  content: "\e95b";
}
.tn-icon-clear-fill:before {
  content: "\e95c";
}
.tn-icon-mouse-fill:before {
  content: "\e95d";
}
.tn-icon-brand:before {
  content: "\e95e";
}
.tn-icon-monitor-fill:before {
  content: "\e95f";
}
.tn-icon-covid-19-fill:before {
  content: "\e960";
}
.tn-icon-install-fill:before {
  content: "\e936";
}
.tn-icon-install:before {
  content: "\e955";
}
.tn-icon-restroom-female:before {
  content: "\e953";
}
.tn-icon-restroom-male:before {
  content: "\e954";
}
.tn-icon-first:before {
  content: "\e950";
}
.tn-icon-third:before {
  content: "\e951";
}
.tn-icon-second:before {
  content: "\e952";
}
.tn-icon-ninja:before {
  content: "\e94b";
}
.tn-icon-program:before {
  content: "\e94c";
}
.tn-icon-program-fill:before {
  content: "\e94d";
}
.tn-icon-circle-more:before {
  content: "\e94e";
}
.tn-icon-windmill:before {
  content: "\e94f";
}
.tn-icon-alien:before {
  content: "\e946";
}
.tn-icon-taichi:before {
  content: "\e947";
}
.tn-icon-knot:before {
  content: "\e948";
}
.tn-icon-whale:before {
  content: "\e94a";
}
.tn-icon-dragon:before {
  content: "\e944";
}
.tn-icon-home-in-fill:before {
  content: "\e942";
}
.tn-icon-home-in:before {
  content: "\e943";
}
.tn-icon-home-loading:before {
  content: "\e940";
}
.tn-icon-home-loading-fill:before {
  content: "\e941";
}
.tn-icon-cell:before {
  content: "\e93b";
}
.tn-icon-loading:before {
  content: "\e93c";
}
.tn-icon-orange:before {
  content: "\e93d";
}
.tn-icon-bigbug:before {
  content: "\e93e";
}
.tn-icon-dinosaur:before {
  content: "\e93f";
}
.tn-icon-dna:before {
  content: "\e931";
}
.tn-icon-chain:before {
  content: "\e932";
}
.tn-icon-email:before {
  content: "\e933";
}
.tn-icon-education:before {
  content: "\e934";
}
.tn-icon-english:before {
  content: "\e935";
}
.tn-icon-seal:before {
  content: "\e937";
}
.tn-icon-book:before {
  content: "\e939";
}
.tn-icon-email-fill:before {
  content: "\e93a";
}
.tn-icon-maths:before {
  content: "\e92f";
}
.tn-icon-molecule:before {
  content: "\e930";
}
.tn-icon-ghost:before {
  content: "\e92d";
}
.tn-icon-money-fill:before {
  content: "\e92e";
}
.tn-icon-menu-alone:before {
  content: "\e929";
}
.tn-icon-menu-alone-fill:before {
  content: "\e92a";
}
.tn-icon-tree:before {
  content: "\e92b";
}
.tn-icon-rabbit:before {
  content: "\e92c";
}
.tn-icon-block-fill:before {
  content: "\e925";
}
.tn-icon-block:before {
  content: "\e926";
}
.tn-icon-menu-classify:before {
  content: "\e927";
}
.tn-icon-menu-classify-fill:before {
  content: "\e928";
}
.tn-icon-home-totop-fill:before {
  content: "\e923";
}
.tn-icon-home-totop:before {
  content: "\e924";
}
.tn-icon-petal:before {
  content: "\e920";
}
.tn-icon-clover-fill:before {
  content: "\e921";
}
.tn-icon-clover:before {
  content: "\e922";
}
.tn-icon-heartbeat:before {
  content: "\e917";
}
.tn-icon-paperbag:before {
  content: "\e918";
}
.tn-icon-paperbag-fill:before {
  content: "\e919";
}
.tn-icon-menu-match:before {
  content: "\e91a";
}
.tn-icon-menu-match-fill:before {
  content: "\e91b";
}
.tn-icon-sofa-fill:before {
  content: "\e91c";
}
.tn-icon-fullscreen:before {
  content: "\e91d";
}
.tn-icon-narrow:before {
  content: "\e91e";
}
.tn-icon-smallscreen:before {
  content: "\e91f";
}
.tn-icon-payment-wechat:before {
  content: "\e90a";
}
.tn-icon-cursor:before {
  content: "\e912";
}
.tn-icon-cursor-fill:before {
  content: "\e913";
}
.tn-icon-check:before {
  content: "\e914";
}
.tn-icon-payment-alipay:before {
  content: "\e915";
}
.tn-icon-dashboard:before {
  content: "\e90b";
}
.tn-icon-module:before {
  content: "\e90c";
}
.tn-icon-at-sign:before {
  content: "\e90d";
}
.tn-icon-copyright:before {
  content: "\e90e";
}
.tn-icon-pin:before {
  content: "\e90f";
}
.tn-icon-module-fill:before {
  content: "\e910";
}
.tn-icon-dashboard-fill:before {
  content: "\e911";
}
.tn-icon-birthday:before {
  content: "\e905";
}
.tn-icon-sofa:before {
  content: "\e906";
}
.tn-icon-iot:before {
  content: "\e907";
}
.tn-icon-monitor:before {
  content: "\e908";
}
.tn-icon-iot-fill:before {
  content: "\e909";
}
.tn-icon-tabs-smile:before {
  content: "\e900";
}
.tn-icon-huawei:before {
  content: "\e901";
}
.tn-icon-iphone:before {
  content: "\e902";
}
.tn-icon-tiktok:before {
  content: "\e903";
}
.tn-icon-sword-fill:before {
  content: "\e8fa";
}
.tn-icon-job-fill:before {
  content: "\e8fb";
}
.tn-icon-rocket-fill:before {
  content: "\e8fc";
}
.tn-icon-totop:before {
  content: "\e8fd";
}
.tn-icon-totop-fill:before {
  content: "\e8fe";
}
.tn-icon-logout:before {
  content: "\e8f8";
}
.tn-icon-login:before {
  content: "\e8f9";
}
.tn-icon-expand:before {
  content: "\e8f7";
}
.tn-icon-bug:before {
  content: "\e8e3";
}
.tn-icon-bug-fill:before {
  content: "\e8e4";
}
.tn-icon-company-fill:before {
  content: "\e8e5";
}
.tn-icon-edit-write-fill:before {
  content: "\e8e6";
}
.tn-icon-menu-circle-fill:before {
  content: "\e8e7";
}
.tn-icon-level-fill:before {
  content: "\e8e8";
}
.tn-icon-menu-fill:before {
  content: "\e8e9";
}
.tn-icon-science-fill:before {
  content: "\e8ea";
}
.tn-icon-deploy-fill:before {
  content: "\e8eb";
}
.tn-icon-menu-more-fill:before {
  content: "\e8ec";
}
.tn-icon-search-menu-fill:before {
  content: "\e8ed";
}
.tn-icon-organizatio-fill:before {
  content: "\e8ee";
}
.tn-icon-platform-fill:before {
  content: "\e8ef";
}
.tn-icon-platform:before {
  content: "\e8f0";
}
.tn-icon-search-list-fill:before {
  content: "\e8f1";
}
.tn-icon-menu-sort-fill:before {
  content: "\e8f2";
}
.tn-icon-cube-fill:before {
  content: "\e8f3";
}
.tn-icon-menu-sorts-fill:before {
  content: "\e8f4";
}
.tn-icon-server-fill:before {
  content: "\e8f5";
}
.tn-icon-menu-list-fill:before {
  content: "\e8f6";
}
.tn-icon-errands:before {
  content: "\e8df";
}
.tn-icon-errands-fill:before {
  content: "\e8e0";
}
.tn-icon-delivery-fill:before {
  content: "\e8e1";
}
.tn-icon-delivery:before {
  content: "\e8e2";
}
.tn-icon-vip-text:before {
  content: "\e8dc";
}
.tn-icon-panda:before {
  content: "\e8dd";
}
.tn-icon-logo-shangpu:before {
  content: "\e8de";
}
.tn-icon-mouse:before {
  content: "\e8db";
}
.tn-icon-notebook-fill:before {
  content: "\e8da";
}
.tn-icon-headset:before {
  content: "\e8d8";
}
.tn-icon-shears:before {
  content: "\e8d9";
}
.tn-icon-notebook:before {
  content: "\e8d7";
}
.tn-icon-battery-empty:before {
  content: "\e8d1";
}
.tn-icon-battery-low:before {
  content: "\e8d2";
}
.tn-icon-battery-mid:before {
  content: "\e8d3";
}
.tn-icon-battery-high:before {
  content: "\e8d4";
}
.tn-icon-battery-full:before {
  content: "\e8d5";
}
.tn-icon-bluetooth:before {
  content: "\e8d6";
}
.tn-icon-science:before {
  content: "\e8cf";
}
.tn-icon-clip:before {
  content: "\e8d0";
}
.tn-icon-con-aquarius:before {
  content: "\e8c2";
}
.tn-icon-con-pisces:before {
  content: "\e8c3";
}
.tn-icon-con-aries:before {
  content: "\e8c4";
}
.tn-icon-con-taurus:before {
  content: "\e8c5";
}
.tn-icon-con-gemini:before {
  content: "\e8c6";
}
.tn-icon-con-cancer:before {
  content: "\e8c7";
}
.tn-icon-con-leo:before {
  content: "\e8c8";
}
.tn-icon-con-virgo:before {
  content: "\e8c9";
}
.tn-icon-con-libra:before {
  content: "\e8ca";
}
.tn-icon-con-scorpio:before {
  content: "\e8cb";
}
.tn-icon-con-sagittarius:before {
  content: "\e8cc";
}
.tn-icon-con-apricorn:before {
  content: "\e8cd";
}
.tn-icon-constellation:before {
  content: "\e8ce";
}
.tn-icon-wea-cloud-more:before {
  content: "\e8b9";
}
.tn-icon-wea-cloud:before {
  content: "\e8ba";
}
.tn-icon-wea-cloud-sun:before {
  content: "\e8bb";
}
.tn-icon-wea-rain:before {
  content: "\e8bc";
}
.tn-icon-wea-rain-middle:before {
  content: "\e8bd";
}
.tn-icon-wea-rain-heavy:before {
  content: "\e8be";
}
.tn-icon-wea-snow:before {
  content: "\e8bf";
}
.tn-icon-wea-wind:before {
  content: "\e8c0";
}
.tn-icon-wea-sun:before {
  content: "\e8c1";
}
.tn-icon-empty-data:before {
  content: "\e8ab";
}
.tn-icon-empty-message:before {
  content: "\e8ac";
}
.tn-icon-empty-cart:before {
  content: "\e8ad";
}
.tn-icon-empty-history:before {
  content: "\e8ae";
}
.tn-icon-empty-favor:before {
  content: "\e8af";
}
.tn-icon-empty-list:before {
  content: "\e8b0";
}
.tn-icon-empty-network:before {
  content: "\e8b1";
}
.tn-icon-empty-search:before {
  content: "\e8b2";
}
.tn-icon-empty-order:before {
  content: "\e8b3";
}
.tn-icon-empty-comment:before {
  content: "\e8b4";
}
.tn-icon-empty-coupon:before {
  content: "\e8b5";
}
.tn-icon-empty-address:before {
  content: "\e8b6";
}
.tn-icon-empty-permission:before {
  content: "\e8b7";
}
.tn-icon-empty-page:before {
  content: "\e8b8";
}
.tn-icon-job:before {
  content: "\e8aa";
}
.tn-icon-rocket:before {
  content: "\e8a5";
}
.tn-icon-sword:before {
  content: "\e8a6";
}
.tn-icon-notice-no:before {
  content: "\e8a7";
}
.tn-icon-notice-fill:before {
  content: "\e8a8";
}
.tn-icon-notice:before {
  content: "\e8a9";
}
.tn-icon-font:before {
  content: "\e8a4";
}
.tn-icon-chemistry:before {
  content: "\e8a3";
}
.tn-icon-biology:before {
  content: "\e8a2";
}
.tn-icon-level:before {
  content: "\e8a0";
}
.tn-icon-deploy:before {
  content: "\e8a1";
}
.tn-icon-server:before {
  content: "\e89f";
}
.tn-icon-cube:before {
  content: "\e89e";
}
.tn-icon-organizatio:before {
  content: "\e89d";
}
.tn-icon-company:before {
  content: "\e89c";
}
.tn-icon-pharmacy:before {
  content: "\e89b";
}
.tn-icon-medical:before {
  content: "\e89a";
}
.tn-icon-my-add:before {
  content: "\e898";
}
.tn-icon-my:before {
  content: "\e897";
}
.tn-icon-my-fill:before {
  content: "\e896";
}
.tn-icon-trust:before {
  content: "\e895";
}
.tn-icon-trust-fill:before {
  content: "\e894";
}
.tn-icon-moon:before {
  content: "\e893";
}
.tn-icon-moon-fill:before {
  content: "\e892";
}
.tn-icon-funds:before {
  content: "\e891";
}
.tn-icon-funds-fill:before {
  content: "\e890";
}
.tn-icon-signpost:before {
  content: "\e88f";
}
.tn-icon-signpost-fill:before {
  content: "\e88e";
}
.tn-icon-vip:before {
  content: "\e88d";
}
.tn-icon-vip-fill:before {
  content: "\e88c";
}
.tn-icon-hardware:before {
  content: "\e88b";
}
.tn-icon-hardware-fill:before {
  content: "\e88a";
}
.tn-icon-honor:before {
  content: "\e889";
}
.tn-icon-honor-fill:before {
  content: "\e888";
}
.tn-icon-count:before {
  content: "\e887";
}
.tn-icon-count-fill:before {
  content: "\e886";
}
.tn-icon-discover-planet:before {
  content: "\e885";
}
.tn-icon-discover-planet-fill:before {
  content: "\e884";
}
.tn-icon-discover:before {
  content: "\e883";
}
.tn-icon-discover-fill:before {
  content: "\e882";
}
.tn-icon-home:before {
  content: "\e881";
}
.tn-icon-home-fill:before {
  content: "\e880";
}
.tn-icon-home-vertical:before {
  content: "\e87f";
}
.tn-icon-home-vertical-fill:before {
  content: "\e87e";
}
.tn-icon-home-smile:before {
  content: "\e87d";
}
.tn-icon-home-smile-fill:before {
  content: "\e87c";
}
.tn-icon-home-capsule:before {
  content: "\e87b";
}
.tn-icon-home-capsule-fill:before {
  content: "\e87a";
}
.tn-icon-focus:before {
  content: "\e878";
}
.tn-icon-all:before {
  content: "\e877";
}
.tn-icon-assort-fill:before {
  content: "\e876";
}
.tn-icon-assort:before {
  content: "\e875";
}
.tn-icon-menu-list:before {
  content: "\e874";
}
.tn-icon-menu-sorts:before {
  content: "\e873";
}
.tn-icon-menu-sort:before {
  content: "\e872";
}
.tn-icon-menu-more:before {
  content: "\e871";
}
.tn-icon-menu:before {
  content: "\e870";
}
.tn-icon-menu-circle:before {
  content: "\e86f";
}
.tn-icon-search-menu:before {
  content: "\e86e";
}
.tn-icon-search-list:before {
  content: "\e86d";
}
.tn-icon-search:before {
  content: "\e86c";
}
.tn-icon-link:before {
  content: "\e86b";
}
.tn-icon-code:before {
  content: "\e869";
}
.tn-icon-computer:before {
  content: "\e868";
}
.tn-icon-computer-fill:before {
  content: "\e867";
}
.tn-icon-ipad:before {
  content: "\e866";
}
.tn-icon-ipad-fill:before {
  content: "\e865";
}
.tn-icon-phone:before {
  content: "\e864";
}
.tn-icon-phone-fill:before {
  content: "\e863";
}
.tn-icon-tel:before {
  content: "\e862";
}
.tn-icon-tel-circle-fill:before {
  content: "\e860";
}
.tn-icon-tel-circle:before {
  content: "\e861";
}
.tn-icon-watercup:before {
  content: "\e85f";
}
.tn-icon-gloves-fill:before {
  content: "\e85d";
}
.tn-icon-gloves:before {
  content: "\e85e";
}
.tn-icon-covid-19:before {
  content: "\e85c";
}
.tn-icon-sport-jog:before {
  content: "\e858";
}
.tn-icon-sport-run:before {
  content: "\e859";
}
.tn-icon-sport-swim:before {
  content: "\e85a";
}
.tn-icon-sport-cycle:before {
  content: "\e85b";
}
.tn-icon-airplane:before {
  content: "\e857";
}
.tn-icon-train:before {
  content: "\e855";
}
.tn-icon-steamship:before {
  content: "\e856";
}
.tn-icon-bus:before {
  content: "\e854";
}
.tn-icon-balancecar:before {
  content: "\e853";
}
.tn-icon-electromobile:before {
  content: "\e852";
}
.tn-icon-zodiac-zhu:before {
  content: "\e851";
}
.tn-icon-zodiac-gou:before {
  content: "\e850";
}
.tn-icon-zodiac-ji:before {
  content: "\e84f";
}
.tn-icon-zodiac-hou:before {
  content: "\e84e";
}
.tn-icon-zodiac-yang:before {
  content: "\e84d";
}
.tn-icon-zodiac-ma:before {
  content: "\e84c";
}
.tn-icon-zodiac-she:before {
  content: "\e84b";
}
.tn-icon-zodiac-long:before {
  content: "\e84a";
}
.tn-icon-zodiac-tu:before {
  content: "\e849";
}
.tn-icon-zodiac-hu:before {
  content: "\e848";
}
.tn-icon-zodiac-niu:before {
  content: "\e847";
}
.tn-icon-zodiac-shu:before {
  content: "\e846";
}
.tn-icon-lucky-money:before {
  content: "\e844";
}
.tn-icon-lucky-money-fill:before {
  content: "\e845";
}
.tn-icon-prize:before {
  content: "\e842";
}
.tn-icon-gift:before {
  content: "\e843";
}
.tn-icon-pay:before {
  content: "\e841";
}
.tn-icon-refund:before {
  content: "\e840";
}
.tn-icon-money:before {
  content: "\e83f";
}
.tn-icon-power:before {
  content: "\e83e";
}
.tn-icon-fingerprint:before {
  content: "\e83d";
}
.tn-icon-qr-beibei:before {
  content: "\e83c";
}
.tn-icon-qr-code:before {
  content: "\e83b";
}
.tn-icon-qr-barcode:before {
  content: "\e83a";
}
.tn-icon-scan:before {
  content: "\e839";
}
.tn-icon-revoke:before {
  content: "\e837";
}
.tn-icon-filter:before {
  content: "\e838";
}
.tn-icon-upload:before {
  content: "\e835";
}
.tn-icon-download:before {
  content: "\e836";
}
.tn-icon-fork:before {
  content: "\e832";
}
.tn-icon-relation:before {
  content: "\e833";
}
.tn-icon-master:before {
  content: "\e834";
}
.tn-icon-facebook:before {
  content: "\e82e";
}
.tn-icon-google:before {
  content: "\e82f";
}
.tn-icon-linkedin:before {
  content: "\e830";
}
.tn-icon-twitter:before {
  content: "\e831";
}
.tn-icon-logo-tuniao:before {
  content: "\e82d";
}
.tn-icon-sina:before {
  content: "\e82b";
}
.tn-icon-taobao:before {
  content: "\e82c";
}
.tn-icon-gitee:before {
  content: "\e82a";
}
.tn-icon-github:before {
  content: "\e829";
}
.tn-icon-dingtalk:before {
  content: "\e828";
}
.tn-icon-alipay:before {
  content: "\e827";
}
.tn-icon-qq:before {
  content: "\e826";
}
.tn-icon-moments:before {
  content: "\e825";
}
.tn-icon-wechat:before {
  content: "\e824";
}
.tn-icon-wechat-fill:before {
  content: "\e823";
}
.tn-icon-service:before {
  content: "\e821";
}
.tn-icon-service-fill:before {
  content: "\e822";
}
.tn-icon-team:before {
  content: "\e81f";
}
.tn-icon-team-fill:before {
  content: "\e820";
}
.tn-icon-emoji-sad:before {
  content: "\e81e";
}
.tn-icon-emoji-sad-fill:before {
  content: "\e81d";
}
.tn-icon-emoji-general:before {
  content: "\e81b";
}
.tn-icon-emoji-general-fill:before {
  content: "\e818";
}
.tn-icon-emoji-good:before {
  content: "\e817";
}
.tn-icon-emoji-good-fill:before {
  content: "\e816";
}
.tn-icon-clock:before {
  content: "\e812";
}
.tn-icon-clock-fill:before {
  content: "\e813";
}
.tn-icon-time-fill:before {
  content: "\e7d9";
}
.tn-icon-time:before {
  content: "\e7dc";
}
.tn-icon-delete:before {
  content: "\e7d6";
}
.tn-icon-delete-fill:before {
  content: "\e7d7";
}
.tn-icon-clear:before {
  content: "\e7d5";
}
.tn-icon-set:before {
  content: "\e7d1";
}
.tn-icon-set-fill:before {
  content: "\e7d2";
}
.tn-icon-keyboard-circle:before {
  content: "\e810";
}
.tn-icon-keyboard:before {
  content: "\e811";
}
.tn-icon-wifi-no:before {
  content: "\e81c";
}
.tn-icon-wifi:before {
  content: "\e7d0";
}
.tn-icon-creative-stop:before {
  content: "\e819";
}
.tn-icon-creative-stop-fill:before {
  content: "\e81a";
}
.tn-icon-creative-fill:before {
  content: "\e80e";
}
.tn-icon-creative:before {
  content: "\e80f";
}
.tn-icon-trophy-fill:before {
  content: "\e80a";
}
.tn-icon-trophy:before {
  content: "\e80b";
}
.tn-icon-game-fill:before {
  content: "\e808";
}
.tn-icon-game:before {
  content: "\e809";
}
.tn-icon-tag-fill:before {
  content: "\e806";
}
.tn-icon-tag:before {
  content: "\e807";
}
.tn-icon-logistics:before {
  content: "\e7cf";
}
.tn-icon-taxi-fill:before {
  content: "\e800";
}
.tn-icon-taxi:before {
  content: "\e805";
}
.tn-icon-flag:before {
  content: "\e7f5";
}
.tn-icon-flag-fill:before {
  content: "\e7ff";
}
.tn-icon-baby:before {
  content: "\e7f1";
}
.tn-icon-baby-fill:before {
  content: "\e7f4";
}
.tn-icon-shop:before {
  content: "\e7cd";
}
.tn-icon-shop-fill:before {
  content: "\e7ce";
}
.tn-icon-coupon-fill:before {
  content: "\e7c8";
}
.tn-icon-coupon:before {
  content: "\e7c9";
}
.tn-icon-shopbag-fill:before {
  content: "\e7c6";
}
.tn-icon-shopbag:before {
  content: "\e7c7";
}
.tn-icon-basket-fill:before {
  content: "\e7c4";
}
.tn-icon-basket:before {
  content: "\e7c5";
}
.tn-icon-cart-fill:before {
  content: "\e7c2";
}
.tn-icon-cart:before {
  content: "\e7c3";
}
.tn-icon-ticket:before {
  content: "\e7f8";
}
.tn-icon-ticket-fill:before {
  content: "\e7fe";
}
.tn-icon-receipt:before {
  content: "\e7f6";
}
.tn-icon-receipt-fill:before {
  content: "\e7f7";
}
.tn-icon-cardbag:before {
  content: "\e7fa";
}
.tn-icon-cardbag-fill:before {
  content: "\e7fd";
}
.tn-icon-bankcard-fill:before {
  content: "\e7d3";
}
.tn-icon-bankcard:before {
  content: "\e7d4";
}
.tn-icon-identity:before {
  content: "\e7cb";
}
.tn-icon-identity-fill:before {
  content: "\e7cc";
}
.tn-icon-calendar:before {
  content: "\e7c0";
}
.tn-icon-calendar-fill:before {
  content: "\e7c1";
}
.tn-icon-order:before {
  content: "\e7be";
}
.tn-icon-order-fill:before {
  content: "\e7bf";
}
.tn-icon-image:before {
  content: "\e7bc";
}
.tn-icon-image-fill:before {
  content: "\e7bd";
}
.tn-icon-image-text:before {
  content: "\e7bb";
}
.tn-icon-image-text-fill:before {
  content: "\e7ba";
}
.tn-icon-data:before {
  content: "\e7b9";
}
.tn-icon-data-fill:before {
  content: "\e7b8";
}
.tn-icon-statistics:before {
  content: "\e7b7";
}
.tn-icon-statistics-fill:before {
  content: "\e7b6";
}
.tn-icon-trusty-fill:before {
  content: "\e801";
}
.tn-icon-trusty:before {
  content: "\e802";
}
.tn-icon-safe-fill:before {
  content: "\e803";
}
.tn-icon-safe:before {
  content: "\e804";
}
.tn-icon-edit:before {
  content: "\e7b5";
}
.tn-icon-edit-form:before {
  content: "\e7b4";
}
.tn-icon-edit-write:before {
  content: "\e7b3";
}
.tn-icon-write-fill:before {
  content: "\e7b1";
}
.tn-icon-write:before {
  content: "\e7b2";
}
.tn-icon-eye-hide:before {
  content: "\e7af";
}
.tn-icon-eye-close:before {
  content: "\e7b0";
}
.tn-icon-eye:before {
  content: "\e7ad";
}
.tn-icon-eye-fill:before {
  content: "\e7ae";
}
.tn-icon-unlock:before {
  content: "\e7da";
}
.tn-icon-lock:before {
  content: "\e7db";
}
.tn-icon-sex:before {
  content: "\e7ac";
}
.tn-icon-sex-female:before {
  content: "\e7ab";
}
.tn-icon-sex-male:before {
  content: "\e7aa";
}
.tn-icon-circle-lack:before {
  content: "\e7a8";
}
.tn-icon-circle-arrow:before {
  content: "\e7a9";
}
.tn-icon-circle-fill:before {
  content: "\e7a4";
}
.tn-icon-circle:before {
  content: "\e7a3";
}
.tn-icon-copy-fill:before {
  content: "\e7a1";
}
.tn-icon-copy:before {
  content: "\e7a2";
}
.tn-icon-square:before {
  content: "\e7a0";
}
.tn-icon-group-double:before {
  content: "\e79e";
}
.tn-icon-group-square:before {
  content: "\e79f";
}
.tn-icon-group-triangle:before {
  content: "\e795";
}
.tn-icon-group-circle:before {
  content: "\e796";
}
.tn-icon-group-null:before {
  content: "\e797";
}
.tn-icon-share-triangle:before {
  content: "\e792";
}
.tn-icon-share-square:before {
  content: "\e790";
}
.tn-icon-share-circle:before {
  content: "\e791";
}
.tn-icon-share:before {
  content: "\e78f";
}
.tn-icon-send-fill:before {
  content: "\e793";
}
.tn-icon-send:before {
  content: "\e794";
}
.tn-icon-light-fill:before {
  content: "\e78d";
}
.tn-icon-light:before {
  content: "\e78e";
}
.tn-icon-praise-fill:before {
  content: "\e7eb";
}
.tn-icon-praise:before {
  content: "\e7f0";
}
.tn-icon-star-fill:before {
  content: "\e78b";
}
.tn-icon-star:before {
  content: "\e78c";
}
.tn-icon-caring:before {
  content: "\e789";
}
.tn-icon-caring-fill:before {
  content: "\e78a";
}
.tn-icon-fire:before {
  content: "\e787";
}
.tn-icon-fire-fill:before {
  content: "\e788";
}
.tn-icon-topic:before {
  content: "\e786";
}
.tn-icon-topics:before {
  content: "\e784";
}
.tn-icon-topics-fill:before {
  content: "\e785";
}
.tn-icon-like-break:before {
  content: "\e782";
}
.tn-icon-like-lack:before {
  content: "\e783";
}
.tn-icon-like:before {
  content: "\e781";
}
.tn-icon-like-fill:before {
  content: "\e780";
}
.tn-icon-reply:before {
  content: "\e7a6";
}
.tn-icon-reply-fill:before {
  content: "\e7a7";
}
.tn-icon-comment-fill:before {
  content: "\e79c";
}
.tn-icon-comment:before {
  content: "\e79d";
}
.tn-icon-message-fill:before {
  content: "\e798";
}
.tn-icon-message:before {
  content: "\e799";
}
.tn-icon-flower-fill:before {
  content: "\e77e";
}
.tn-icon-flower:before {
  content: "\e77f";
}
.tn-icon-location-fill:before {
  content: "\e77c";
}
.tn-icon-location:before {
  content: "\e77d";
}
.tn-icon-map-fill:before {
  content: "\e77a";
}
.tn-icon-map:before {
  content: "\e77b";
}
.tn-icon-camera:before {
  content: "\e774";
}
.tn-icon-camera-fill:before {
  content: "\e775";
}
.tn-icon-live-stream:before {
  content: "\e7fb";
}
.tn-icon-live-stream-fill:before {
  content: "\e7fc";
}
.tn-icon-sing:before {
  content: "\e7f9";
}
.tn-icon-music-fill:before {
  content: "\e7ec";
}
.tn-icon-music-stop:before {
  content: "\e7ed";
}
.tn-icon-video-fill:before {
  content: "\e7e9";
}
.tn-icon-video:before {
  content: "\e7ea";
}
.tn-icon-voice-fill:before {
  content: "\e7e7";
}
.tn-icon-voice:before {
  content: "\e7e8";
}
.tn-icon-previous-fill:before {
  content: "\e7f2";
}
.tn-icon-next-fill:before {
  content: "\e7f3";
}
.tn-icon-play-fill:before {
  content: "\e7ee";
}
.tn-icon-stop:before {
  content: "\e7ef";
}
.tn-icon-backspace:before {
  content: "\e814";
}
.tn-icon-backspace-fill:before {
  content: "\e815";
}
.tn-icon-sound-close-fill:before {
  content: "\e778";
}
.tn-icon-sound-close:before {
  content: "\e779";
}
.tn-icon-sound-fill:before {
  content: "\e776";
}
.tn-icon-sound:before {
  content: "\e777";
}
.tn-icon-sound-reduce-fill:before {
  content: "\e7e5";
}
.tn-icon-sound-reduce:before {
  content: "\e7e6";
}
.tn-icon-sound-add:before {
  content: "\e80c";
}
.tn-icon-sound-add-fill:before {
  content: "\e80d";
}
.tn-icon-sequence-vertical:before {
  content: "\e79a";
}
.tn-icon-sequence:before {
  content: "\e79b";
}
.tn-icon-align-center:before {
  content: "\e7e1";
}
.tn-icon-align-right:before {
  content: "\e7e2";
}
.tn-icon-align-left:before {
  content: "\e7e3";
}
.tn-icon-align:before {
  content: "\e7e4";
}
.tn-icon-title:before {
  content: "\e772";
}
.tn-icon-sort:before {
  content: "\e773";
}
.tn-icon-more-vertical:before {
  content: "\e770";
}
.tn-icon-more-horizontal:before {
  content: "\e771";
}
.tn-icon-more-circle:before {
  content: "\e76e";
}
.tn-icon-more-circle-fill:before {
  content: "\e76f";
}
.tn-icon-warning:before {
  content: "\e76c";
}
.tn-icon-warning-fill:before {
  content: "\e76d";
}
.tn-icon-zoom-out:before {
  content: "\e76a";
}
.tn-icon-zoom-out-fill:before {
  content: "\e76b";
}
.tn-icon-zoom-in-fill:before {
  content: "\e768";
}
.tn-icon-zoom-in:before {
  content: "\e769";
}
.tn-icon-success-square:before {
  content: "\e763";
}
.tn-icon-success-circle-fill:before {
  content: "\e764";
}
.tn-icon-success-circle:before {
  content: "\e765";
}
.tn-icon-success-square-fill:before {
  content: "\e766";
}
.tn-icon-success:before {
  content: "\e767";
}
.tn-icon-close-fill:before {
  content: "\e760";
}
.tn-icon-close:before {
  content: "\e761";
}
.tn-icon-close-circle:before {
  content: "\e762";
}
.tn-icon-help:before {
  content: "\e75e";
}
.tn-icon-help-fill:before {
  content: "\e75f";
}
.tn-icon-tip-fill:before {
  content: "\e75d";
}
.tn-icon-left:before {
  content: "\e7e0";
}
.tn-icon-left-triangle:before {
  content: "\e757";
}
.tn-icon-left-fill:before {
  content: "\e758";
}
.tn-icon-left-double:before {
  content: "\e759";
}
.tn-icon-left-circle:before {
  content: "\e75a";
}
.tn-icon-left-arrow:before {
  content: "\e75b";
}
.tn-icon-down:before {
  content: "\e7df";
}
.tn-icon-down-arrow:before {
  content: "\e752";
}
.tn-icon-down-circle:before {
  content: "\e753";
}
.tn-icon-down-double:before {
  content: "\e754";
}
.tn-icon-down-fill:before {
  content: "\e755";
}
.tn-icon-down-triangle:before {
  content: "\e756";
}
.tn-icon-right:before {
  content: "\e7de";
}
.tn-icon-right-fill:before {
  content: "\e74d";
}
.tn-icon-right-arrow:before {
  content: "\e74e";
}
.tn-icon-right-double:before {
  content: "\e74f";
}
.tn-icon-right-triangle:before {
  content: "\e750";
}
.tn-icon-right-circle:before {
  content: "\e751";
}
.tn-icon-up:before {
  content: "\e7dd";
}
.tn-icon-up-arrow:before {
  content: "\e748";
}
.tn-icon-up-circle:before {
  content: "\e749";
}
.tn-icon-up-triangle:before {
  content: "\e74a";
}
.tn-icon-up-double:before {
  content: "\e74b";
}
.tn-icon-up-fill:before {
  content: "\e74c";
}
.tn-icon-add-circle:before {
  content: "\e740";
}
.tn-icon-add:before {
  content: "\e741";
}
.tn-icon-add-fill:before {
  content: "\e742";
}
.tn-icon-reduce:before {
  content: "\e743";
}
.tn-icon-reduce-square-fill:before {
  content: "\e744";
}
.tn-icon-reduce-square:before {
  content: "\e745";
}
.tn-icon-reduce-circle:before {
  content: "\e746";
}
.tn-icon-reduce-circle-fill:before {
  content: "\e747";
}
page {
  /* filter: grayscale(100%);
  -webkit-filter: grayscale(100%); */
  background-color: #FFFFFF;
  /* background-color: #ffffff; */
  font-size: 28rpx;
  color: #080808;
  font-family: Helvetica Neue, Helvetica, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
  box-sizing: border-box;
}
button::after {
  border: none;
}
.tn-round {
  border-radius: 5000rpx !important;
}
.tn-radius {
  border-radius: 6rpx;
}
/* 基本样式 start */
.tn-width-full {
  width: 100%;
}
.tn-height-full {
  height: 100%;
}
/* 基本样式 end */
/* 边框 start */
.tn-border-solid,
.tn-border-solid-top,
.tn-border-solid-right,
.tn-border-solid-bottom,
.tn-border-solid-left,
.tn-border-solids,
.tn-border-solids-top,
.tn-border-solids-right,
.tn-border-solids-bottom,
.tn-border-solids-left,
.tn-border-dashed,
.tn-border-dashed-top,
.tn-border-dashed-right,
.tn-border-dashed-bottom,
.tn-border-dashed-left {
  border-radius: inherit;
  box-sizing: border-box;
}
.tn-border-solid {
  border-width: 1rpx !important;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
}
.tn-border-solid.tn-bold-border {
  border-width: 6rpx !important;
}
.tn-border-solids {
  border-width: 1rpx !important;
  border-style: solid;
  border-color: #eee;
}
.tn-border-solids.tn-bold-border {
  border-width: 6rpx !important;
}
.tn-border-dashed {
  border-width: 1rpx !important;
  border-style: dashed;
  border-color: #ddd;
}
.tn-border-dashed.tn-bold-border {
  border-width: 6rpx !important;
}
.tn-border-solid-top {
  border: 0rpx;
  border-top-width: 1rpx !important;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
}
.tn-border-solid-top.tn-bold-border {
  border-top-width: 6rpx !important;
}
.tn-border-solids-top {
  border: 0rpx;
  border-top-width: 1rpx !important;
  border-style: solid;
  border-color: #eee;
}
.tn-border-solids-top.tn-bold-border {
  border-top-width: 6rpx !important;
}
.tn-border-dashed-top {
  border: 0rpx;
  border-top-width: 1rpx !important;
  border-style: dashed;
  border-color: #ddd;
}
.tn-border-dashed-top.tn-bold-border {
  border-top-width: 6rpx !important;
}
.tn-border-solid-right {
  border: 0rpx;
  border-right-width: 1rpx !important;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
}
.tn-border-solid-right.tn-bold-border {
  border-right-width: 6rpx !important;
}
.tn-border-solids-right {
  border: 0rpx;
  border-right-width: 1rpx !important;
  border-style: solid;
  border-color: #eee;
}
.tn-border-solids-right.tn-bold-border {
  border-right-width: 6rpx !important;
}
.tn-border-dashed-right {
  border: 0rpx;
  border-right-width: 1rpx !important;
  border-style: dashed;
  border-color: #ddd;
}
.tn-border-dashed-right.tn-bold-border {
  border-right-width: 6rpx !important;
}
.tn-border-solid-bottom {
  border: 0rpx;
  border-bottom-width: 1rpx !important;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
}
.tn-border-solid-bottom.tn-bold-border {
  border-bottom-width: 6rpx !important;
}
.tn-border-solids-bottom {
  border: 0rpx;
  border-bottom-width: 1rpx !important;
  border-style: solid;
  border-color: #eee;
}
.tn-border-solids-bottom.tn-bold-border {
  border-bottom-width: 6rpx !important;
}
.tn-border-dashed-bottom {
  border: 0rpx;
  border-bottom-width: 1rpx !important;
  border-style: dashed;
  border-color: #ddd;
}
.tn-border-dashed-bottom.tn-bold-border {
  border-bottom-width: 6rpx !important;
}
.tn-border-solid-left {
  border: 0rpx;
  border-left-width: 1rpx !important;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
}
.tn-border-solid-left.tn-bold-border {
  border-left-width: 6rpx !important;
}
.tn-border-solids-left {
  border: 0rpx;
  border-left-width: 1rpx !important;
  border-style: solid;
  border-color: #eee;
}
.tn-border-solids-left.tn-bold-border {
  border-left-width: 6rpx !important;
}
.tn-border-dashed-left {
  border: 0rpx;
  border-left-width: 1rpx !important;
  border-style: dashed;
  border-color: #ddd;
}
.tn-border-dashed-left.tn-bold-border {
  border-left-width: 6rpx !important;
}
.tn-none-border.tn-border-solid,
.tn-none-border.tn-border-solid-top,
.tn-none-border.tn-border-solid-right,
.tn-none-border.tn-border-solid-bottom,
.tn-none-border.tn-border-solid-left,
.tn-none-border.tn-border-solids,
.tn-none-border.tn-border-solids-top,
.tn-none-border.tn-border-solids-right,
.tn-none-border.tn-border-solids-bottom,
.tn-none-border.tn-border-solids-left,
.tn-none-border.tn-border-dashed,
.tn-none-border.tn-border-dashed-top,
.tn-none-border.tn-border-dashed-right,
.tn-none-border.tn-border-dashed-bottom,
.tn-none-border.tn-border-dashed-left {
  border: 0 !important;
}
.tn-none-border-top.tn-border-solid,
.tn-none-border-top.tn-border-solid-top,
.tn-none-border-top.tn-border-solid-right,
.tn-none-border-top.tn-border-solid-bottom,
.tn-none-border-top.tn-border-solid-left,
.tn-none-border-top.tn-border-solids,
.tn-none-border-top.tn-border-solids-top,
.tn-none-border-top.tn-border-solids-right,
.tn-none-border-top.tn-border-solids-bottom,
.tn-none-border-top.tn-border-solids-left,
.tn-none-border-top.tn-border-dashed,
.tn-none-border-top.tn-border-dashed-top,
.tn-none-border-top.tn-border-dashed-right,
.tn-none-border-top.tn-border-dashed-bottom,
.tn-none-border-top.tn-border-dashed-left {
  /* height: 0 !important; */
  border-top: 0 !important;
}
.tn-none-border-right.tn-border-solid,
.tn-none-border-right.tn-border-solid-top,
.tn-none-border-right.tn-border-solid-right,
.tn-none-border-right.tn-border-solid-bottom,
.tn-none-border-right.tn-border-solid-left,
.tn-none-border-right.tn-border-solids,
.tn-none-border-right.tn-border-solids-top,
.tn-none-border-right.tn-border-solids-right,
.tn-none-border-right.tn-border-solids-bottom,
.tn-none-border-right.tn-border-solids-left,
.tn-none-border-right.tn-border-dashed,
.tn-none-border-right.tn-border-dashed-top,
.tn-none-border-right.tn-border-dashed-right,
.tn-none-border-right.tn-border-dashed-bottom,
.tn-none-border-right.tn-border-dashed-left {
  /* width: 0 !important; */
  border-right: 0 !important;
}
.tn-none-border-bottom.tn-border-solid,
.tn-none-border-bottom.tn-border-solid-top,
.tn-none-border-bottom.tn-border-solid-right,
.tn-none-border-bottom.tn-border-solid-bottom,
.tn-none-border-bottom.tn-border-solid-left,
.tn-none-border-bottom.tn-border-solids,
.tn-none-border-bottom.tn-border-solids-top,
.tn-none-border-bottom.tn-border-solids-right,
.tn-none-border-bottom.tn-border-solids-bottom,
.tn-none-border-bottom.tn-border-solids-left,
.tn-none-border-bottom.tn-border-dashed,
.tn-none-border-bottom.tn-border-dashed-top,
.tn-none-border-bottom.tn-border-dashed-right,
.tn-none-border-bottom.tn-border-dashed-bottom,
.tn-none-border-bottom.tn-border-dashed-left {
  /* height: 0 !important; */
  border-bottom: 0 !important;
}
.tn-none-border-left.tn-border-solid,
.tn-none-border-left.tn-border-solid-top,
.tn-none-border-left.tn-border-solid-right,
.tn-none-border-left.tn-border-solid-bottom,
.tn-none-border-left.tn-border-solid-left,
.tn-none-border-left.tn-border-solids,
.tn-none-border-left.tn-border-solids-top,
.tn-none-border-left.tn-border-solids-right,
.tn-none-border-left.tn-border-solids-bottom,
.tn-none-border-left.tn-border-solids-left,
.tn-none-border-left.tn-border-dashed,
.tn-none-border-left.tn-border-dashed-top,
.tn-none-border-left.tn-border-dashed-right,
.tn-none-border-left.tn-border-dashed-bottom,
.tn-none-border-left.tn-border-dashed-left {
  /* width: 0 !important; */
  border-left: 0 !important;
}
/* 边框 end */
/* 阴影 start */
.tn-shadow {
  box-shadow: 6rpx 6rpx 8rpx rgba(0, 0, 0, 0.1);
}
.tn-shadow-warp {
  position: relative;
  box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
}
.tn-shadow-warp::before,
.tn-shadow-warp::after {
  content: " ";
  position: absolute;
  top: 20rpx;
  bottom: 30rpx;
  left: 20rpx;
  width: 50%;
  box-shadow: 0 30rpx 20rpx rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  z-index: -1;
}
.tn-shadow-warp::after {
  right: 20rpx;
  left: auto;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
.tn-shadow-blur {
  position: relative;
}
.tn-shadow-blur::before {
  content: " ";
  display: block;
  background: inherit;
  -webkit-filter: blur(10rpx);
          filter: blur(10rpx);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10rpx;
  left: 10rpx;
  z-index: -1;
  opacity: 0.4;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  border-radius: inherit;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
/* 阴影 end */
/* flex start */
.tn-flex {
  display: flex;
}
/* flex伸缩基准值 */
.tn-flex-basic-xs {
  flex-basis: 20%;
}
.tn-flex-basic-sm {
  flex-basis: 40%;
}
.tn-flex-basic-md {
  flex-basis: 50%;
}
.tn-flex-basic-lg {
  flex-basis: 60%;
}
.tn-flex-basic-xl {
  flex-basis: 80%;
}
.tn-flex-basic-full {
  flex-basis: 100%;
}
/* flex布局的方向 */
.tn-flex-direction-column {
  flex-direction: column;
}
.tn-flex-direction-row {
  flex-direction: row;
}
.tn-flex-direction-column-reverse {
  flex-direction: column-reverse;
}
.tn-flex-direction-row-reverse {
  flex-direction: row-reverse;
}
/* flex容器设置换行 */
.tn-flex-wrap {
  flex-wrap: wrap;
}
.tn-flex-nowrap {
  flex-wrap: nowrap;
}
/* flex容器自身垂直方向对齐方式 */
.tn-flex-center {
  align-self: center;
}
.tn-flex-top {
  align-self: flex-start;
}
.tn-flex-end {
  align-self: flex-end;
}
.tn-flex-stretch {
  align-self: stretch;
}
/* flex子元素垂直方向对齐方式 */
.tn-flex-col-center {
  align-items: center;
}
.tn-flex-col-top {
  align-items: flex-start;
}
.tn-flex-col-bottom {
  align-items: flex-end;
}
/* flex子元素水平方向对齐方式 */
.tn-flex-row-center {
  justify-content: center;
}
.tn-flex-row-left {
  justify-content: flex-start;
}
.tn-flex-row-right {
  justify-content: flex-end;
}
.tn-flex-row-between {
  justify-content: space-between;
}
.tn-flex-row-around {
  justify-content: space-around;
}
/* flex子元素空间分配 */
.tn-flex-0 {
  flex: 0;
}
.tn-flex-1 {
  flex: 1;
}
.tn-flex-2 {
  flex: 2;
}
.tn-flex-3 {
  flex: 3;
}
.tn-flex-4 {
  flex: 4;
}
.tn-flex-5 {
  flex: 5;
}
.tn-flex-6 {
  flex: 6;
}
.tn-flex-7 {
  flex: 7;
}
.tn-flex-8 {
  flex: 8;
}
.tn-flex-9 {
  flex: 9;
}
.tn-flex-10 {
  flex: 10;
}
.tn-flex-11 {
  flex: 11;
}
.tn-col-12 {
  width: 100%;
}
.tn-col-11 {
  width: 91.66666667%;
}
.tn-col-10 {
  width: 83.33333333%;
}
.tn-col-9 {
  width: 75%;
}
.tn-col-8 {
  width: 66.66666667%;
}
.tn-col-7 {
  width: 58.33333333%;
}
.tn-col-6 {
  width: 50%;
}
.tn-col-5 {
  width: 41.66666667%;
}
.tn-col-4 {
  width: 33.33333333%;
}
.tn-col-3 {
  width: 25%;
}
.tn-col-2 {
  width: 16.66666667%;
}
.tn-col-1 {
  width: 8.33333333%;
}
/* flex end */
/* 内边距 start */
.tn-no-margin {
  margin: 0;
}
.tn-margin-xs {
  margin: 10rpx;
}
.tn-margin-sm {
  margin: 20rpx;
}
.tn-margin {
  margin: 30rpx;
}
.tn-margin-lg {
  margin: 40rpx;
}
.tn-margin-xl {
  margin: 50rpx;
}
.tn-no-margin-top {
  margin-top: 0;
}
.tn-margin-top-xs {
  margin-top: 10rpx;
}
.tn-margin-top-sm {
  margin-top: 20rpx;
}
.tn-margin-top {
  margin-top: 30rpx;
}
.tn-margin-top-lg {
  margin-top: 40rpx;
}
.tn-margin-top-xl {
  margin-top: 50rpx;
}
.tn-no-margin-right {
  margin-right: 0;
}
.tn-margin-right-xs {
  margin-right: 10rpx;
}
.tn-margin-right-sm {
  margin-right: 20rpx;
}
.tn-margin-right {
  margin-right: 30rpx;
}
.tn-margin-right-lg {
  margin-right: 40rpx;
}
.tn-margin-right-xl {
  margin-right: 50rpx;
}
.tn-no-margin-bottom {
  margin-bottom: 0;
}
.tn-margin-bottom-xs {
  margin-bottom: 10rpx;
}
.tn-margin-bottom-sm {
  margin-bottom: 20rpx;
}
.tn-margin-bottom {
  margin-bottom: 30rpx;
}
.tn-margin-bottom-lg {
  margin-bottom: 40rpx;
}
.tn-margin-bottom-xl {
  margin-bottom: 50rpx;
}
.tn-no-margin-left {
  margin-left: 0;
}
.tn-margin-left-xs {
  margin-left: 10rpx;
}
.tn-margin-left-sm {
  margin-left: 20rpx;
}
.tn-margin-left {
  margin-left: 30rpx;
}
.tn-margin-left-lg {
  margin-left: 40rpx;
}
.tn-margin-left-xl {
  margin-left: 50rpx;
}
/* 内边距 end */
/* 外边距 start */
.tn-no-padding {
  padding: 0;
}
.tn-padding-xs {
  padding: 10rpx;
}
.tn-padding-sm {
  padding: 20rpx;
}
.tn-padding {
  padding: 30rpx;
}
.tn-padding-lg {
  padding: 40rpx;
}
.tn-padding-xl {
  padding: 50rpx;
}
.tn-no-padding-top {
  padding-top: 0;
}
.tn-padding-top-xs {
  padding-top: 10rpx;
}
.tn-padding-top-sm {
  padding-top: 20rpx;
}
.tn-padding-top {
  padding-top: 30rpx;
}
.tn-padding-top-lg {
  padding-top: 40rpx;
}
.tn-padding-top-xl {
  padding-top: 50rpx;
}
.tn-no-padding-right {
  padding-right: 0;
}
.tn-padding-right-xs {
  padding-right: 10rpx;
}
.tn-padding-right-sm {
  padding-right: 20rpx;
}
.tn-padding-right {
  padding-right: 30rpx;
}
.tn-padding-right-lg {
  padding-right: 40rpx;
}
.tn-padding-right-xl {
  padding-right: 50rpx;
}
.tn-no-padding-bottom {
  padding-bottom: 0;
}
.tn-padding-bottom-xs {
  padding-bottom: 10rpx;
}
.tn-padding-bottom-sm {
  padding-bottom: 20rpx;
}
.tn-padding-bottom {
  padding-bottom: 30rpx;
}
.tn-padding-bottom-lg {
  padding-bottom: 40rpx;
}
.tn-padding-bottom-xl {
  padding-bottom: 50rpx;
}
.tn-no-padding-left {
  padding-left: 0;
}
.tn-padding-left-xs {
  padding-left: 10rpx;
}
.tn-padding-left-sm {
  padding-left: 20rpx;
}
.tn-padding-left {
  padding-left: 30rpx;
}
.tn-padding-left-lg {
  padding-left: 40rpx;
}
.tn-padding-left-xl {
  padding-left: 50rpx;
}
/* 外边距 end */
/* float start */
.tn-float-left {
  float: left;
}
.tn-float-right {
  float: right;
}
.tn-clear-float {
  clear: both;
}
.tn-clear-float::after,
.tn-clear-float::before {
  content: " ";
  display: table;
  clear: both;
}
/* float end */
/* 文本 start */
.tn-text-xs {
  font-size: 20rpx;
}
.tn-text-sm {
  font-size: 24rpx;
}
.tn-text-md {
  font-size: 28rpx;
}
.tn-text-lg {
  font-size: 32rpx;
}
.tn-text-xl {
  font-size: 36rpx;
}
.tn-text-xxl {
  font-size: 40rpx;
}
.tn-text-xl-xxl {
  font-size: 80rpx;
}
.tn-text-xxl-xxl {
  font-size: 120rpx;
}
.tn-text-upper {
  text-transform: uppercase;
}
.tn-text-cap {
  text-transform: capitalize;
}
.tn-text-lower {
  text-transform: lowercase;
}
.tn-text-bold {
  font-weight: bold;
}
.tn-text-center {
  text-align: center;
}
.tn-text-left {
  text-align: left;
}
.tn-text-right {
  text-align: right;
}
.tn-text-justify {
  text-align: justify;
}
.tn-text-content {
  line-height: 1.6;
}
.tn-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tn-text-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tn-text-clip {
  -webkit-background-clip: text;
  color: transparent !important;
}
.tn-text-break-word {
  word-wrap: break-word;
}
/* 文本 end */
/* hover 点击效果 start */
.tn-hover {
  opacity: 0.6;
}
/* hover 点击效果 end */
/* 去除原生button样式 start */
.tn-button--clear-style {
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
  color: inherit;
}
/* 去除原生button样式 end */
/* 头像组 start */
/* 头像组 end */
/* 提升H5端uni.toast()的层级，避免被tn-modal等遮盖 start */
/* 提升H5端uni.toast()的层级，避免被tn-modal等遮盖 end */
/* iPhoneX底部安全区定义 start */
.tn-safe-area-inset-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* iPhoneX底部安全区定义 end */
/* 颜色 start */
.tn-color-red {
  color: #E83A30 !important;
}
.tn-color-red--light {
  color: #FAD8D6 !important;
}
.tn-color-red--dark {
  color: #BA2E26 !important;
}
.tn-color-red--disabled {
  color: #F39C97 !important;
}
.tn-color-purplered {
  color: #E72F8C !important;
}
.tn-color-purplered--light {
  color: #FAD5E8 !important;
}
.tn-color-purplered--dark {
  color: #B9266F !important;
}
.tn-color-purplered--disabled {
  color: #F397C5 !important;
}
.tn-color-purple {
  color: #892FE8 !important;
}
.tn-color-purple--light {
  color: #E7D5FA !important;
}
.tn-color-purple--dark {
  color: #6E26BA !important;
}
.tn-color-purple--disabled {
  color: #C497F3 !important;
}
.tn-color-bluepurple {
  color: #5F4FD9 !important;
}
.tn-color-bluepurple--light {
  color: #DFDCF7 !important;
}
.tn-color-bluepurple--dark {
  color: #4C3FAE !important;
}
.tn-color-bluepurple--disabled {
  color: #AFA7EC !important;
}
.tn-color-aquablue {
  color: #3646FF !important;
}
.tn-color-aquablue--light {
  color: #D7DAFF !important;
}
.tn-color-aquablue--dark {
  color: #2B38CC !important;
}
.tn-color-aquablue--disabled {
  color: #9AA2FF !important;
}
.tn-color-blue {
  color: #3D7EFF !important;
}
.tn-color-blue--light {
  color: #D8E5FF !important;
}
.tn-color-blue--dark {
  color: #3165CC !important;
}
.tn-color-blue--disabled {
  color: #9EBEFF !important;
}
.tn-color-indigo {
  color: #31C9E8 !important;
}
.tn-color-indigo--light {
  color: #D6F4FA !important;
}
.tn-color-indigo--dark {
  color: #27A1BA !important;
}
.tn-color-indigo--disabled {
  color: #98E4F3 !important;
}
.tn-color-cyan {
  color: #2DE8BD !important;
}
.tn-color-cyan--light {
  color: #D5FAF2 !important;
}
.tn-color-cyan--dark {
  color: #24BA97 !important;
}
.tn-color-cyan--disabled {
  color: #96F3DE !important;
}
.tn-color-teal {
  color: #24F083 !important;
}
.tn-color-teal--light {
  color: #D3FCE6 !important;
}
.tn-color-teal--dark {
  color: #1DC069 !important;
}
.tn-color-teal--disabled {
  color: #91F7C1 !important;
}
.tn-color-green {
  color: #31E749 !important;
}
.tn-color-green--light {
  color: #D6FADB !important;
}
.tn-color-green--dark {
  color: #27B93A !important;
}
.tn-color-green--disabled {
  color: #98F3A4 !important;
}
.tn-color-yellowgreen {
  color: #A4E82F !important;
}
.tn-color-yellowgreen--light {
  color: #EDFAD5 !important;
}
.tn-color-yellowgreen--dark {
  color: #82BA26 !important;
}
.tn-color-yellowgreen--disabled {
  color: #D1F397 !important;
}
.tn-color-lime {
  color: #D5EB00 !important;
}
.tn-color-lime--light {
  color: #F7FBCC !important;
}
.tn-color-lime--dark {
  color: #AABC00 !important;
}
.tn-color-lime--disabled {
  color: #E9F57F !important;
}
.tn-color-yellow {
  color: #FFF420 !important;
}
.tn-color-yellow--light {
  color: #FFFDD2 !important;
}
.tn-color-yellow--dark {
  color: #CCC21A !important;
}
.tn-color-yellow--disabled {
  color: #FFF88F !important;
}
.tn-color-orangeyellow {
  color: #FFCA28 !important;
}
.tn-color-orangeyellow--light {
  color: #FFF4D4 !important;
}
.tn-color-orangeyellow--dark {
  color: #CCA220 !important;
}
.tn-color-orangeyellow--disabled {
  color: #FFE493 !important;
}
.tn-color-orange {
  color: #FFA726 !important;
}
.tn-color-orange--light {
  color: #FFEDD4 !important;
}
.tn-color-orange--dark {
  color: #CC851E !important;
}
.tn-color-orange--disabled {
  color: #FFD392 !important;
}
.tn-color-orangered {
  color: #FF7043 !important;
}
.tn-color-orangered--light {
  color: #FFE2D9 !important;
}
.tn-color-orangered--dark {
  color: #CC5A36 !important;
}
.tn-color-orangered--disabled {
  color: #FFB7A1 !important;
}
.tn-color-brown {
  color: #914F2C !important;
}
.tn-color-brown--light {
  color: #E9DCD5 !important;
}
.tn-color-brown--dark {
  color: #743F23 !important;
}
.tn-color-brown--disabled {
  color: #C8A795 !important;
}
.tn-color-grey {
  color: #78909C !important;
}
.tn-color-grey--light {
  color: #E4E9EC !important;
}
.tn-color-grey--dark {
  color: #5F7E8B !important;
}
.tn-color-grey--disabled {
  color: #C6D1D8 !important;
}
.tn-color-gray {
  color: #AAAAAA !important;
}
.tn-color-gray--light {
  color: #F8F7F8 !important;
}
.tn-color-gray--dark {
  color: #838383 !important;
}
.tn-color-gray--disabled {
  color: #E6E6E6 !important;
}
.tn-color-white {
  color: #FFFFFF !important;
}
.tn-color-black {
  color: #000000 !important;
}
/* 颜色 end */
/* 边框颜色 start */
.tn-border-red {
  border-color: #E83A30 !important;
}
.tn-border-red--light {
  border-color: #FAD8D6 !important;
}
.tn-border-red--dark {
  border-color: #BA2E26 !important;
}
.tn-border-red--disabled {
  border-color: #F39C97 !important;
}
.tn-border-purplered {
  border-color: #E72F8C !important;
}
.tn-border-purplered--light {
  border-color: #FAD5E8 !important;
}
.tn-border-purplered--dark {
  border-color: #B9266F !important;
}
.tn-border-purplered--disabled {
  border-color: #F397C5 !important;
}
.tn-border-purple {
  border-color: #892FE8 !important;
}
.tn-border-purple--light {
  border-color: #E7D5FA !important;
}
.tn-border-purple--dark {
  border-color: #6E26BA !important;
}
.tn-border-purple--disabled {
  border-color: #C497F3 !important;
}
.tn-border-bluepurple {
  border-color: #5F4FD9 !important;
}
.tn-border-bluepurple--light {
  border-color: #DFDCF7 !important;
}
.tn-border-bluepurple--dark {
  border-color: #4C3FAE !important;
}
.tn-border-bluepurple--disabled {
  border-color: #AFA7EC !important;
}
.tn-border-aquablue {
  border-color: #3646FF !important;
}
.tn-border-aquablue--light {
  border-color: #D7DAFF !important;
}
.tn-border-aquablue--dark {
  border-color: #2B38CC !important;
}
.tn-border-aquablue--disabled {
  border-color: #9AA2FF !important;
}
.tn-border-blue {
  border-color: #3D7EFF !important;
}
.tn-border-blue--light {
  border-color: #D8E5FF !important;
}
.tn-border-blue--dark {
  border-color: #3165CC !important;
}
.tn-border-blue--disabled {
  border-color: #9EBEFF !important;
}
.tn-border-indigo {
  border-color: #31C9E8 !important;
}
.tn-border-indigo--light {
  border-color: #D6F4FA !important;
}
.tn-border-indigo--dark {
  border-color: #27A1BA !important;
}
.tn-border-indigo--disabled {
  border-color: #98E4F3 !important;
}
.tn-border-cyan {
  border-color: #2DE8BD !important;
}
.tn-border-cyan--light {
  border-color: #D5FAF2 !important;
}
.tn-border-cyan--dark {
  border-color: #24BA97 !important;
}
.tn-border-cyan--disabled {
  border-color: #96F3DE !important;
}
.tn-border-teal {
  border-color: #24F083 !important;
}
.tn-border-teal--light {
  border-color: #D3FCE6 !important;
}
.tn-border-teal--dark {
  border-color: #1DC069 !important;
}
.tn-border-teal--disabled {
  border-color: #91F7C1 !important;
}
.tn-border-green {
  border-color: #31E749 !important;
}
.tn-border-green--light {
  border-color: #D6FADB !important;
}
.tn-border-green--dark {
  border-color: #27B93A !important;
}
.tn-border-green--disabled {
  border-color: #98F3A4 !important;
}
.tn-border-yellowgreen {
  border-color: #A4E82F !important;
}
.tn-border-yellowgreen--light {
  border-color: #EDFAD5 !important;
}
.tn-border-yellowgreen--dark {
  border-color: #82BA26 !important;
}
.tn-border-yellowgreen--disabled {
  border-color: #D1F397 !important;
}
.tn-border-lime {
  border-color: #D5EB00 !important;
}
.tn-border-lime--light {
  border-color: #F7FBCC !important;
}
.tn-border-lime--dark {
  border-color: #AABC00 !important;
}
.tn-border-lime--disabled {
  border-color: #E9F57F !important;
}
.tn-border-yellow {
  border-color: #FFF420 !important;
}
.tn-border-yellow--light {
  border-color: #FFFDD2 !important;
}
.tn-border-yellow--dark {
  border-color: #CCC21A !important;
}
.tn-border-yellow--disabled {
  border-color: #FFF88F !important;
}
.tn-border-orangeyellow {
  border-color: #FFCA28 !important;
}
.tn-border-orangeyellow--light {
  border-color: #FFF4D4 !important;
}
.tn-border-orangeyellow--dark {
  border-color: #CCA220 !important;
}
.tn-border-orangeyellow--disabled {
  border-color: #FFE493 !important;
}
.tn-border-orange {
  border-color: #FFA726 !important;
}
.tn-border-orange--light {
  border-color: #FFEDD4 !important;
}
.tn-border-orange--dark {
  border-color: #CC851E !important;
}
.tn-border-orange--disabled {
  border-color: #FFD392 !important;
}
.tn-border-orangered {
  border-color: #FF7043 !important;
}
.tn-border-orangered--light {
  border-color: #FFE2D9 !important;
}
.tn-border-orangered--dark {
  border-color: #CC5A36 !important;
}
.tn-border-orangered--disabled {
  border-color: #FFB7A1 !important;
}
.tn-border-brown {
  border-color: #914F2C !important;
}
.tn-border-brown--light {
  border-color: #E9DCD5 !important;
}
.tn-border-brown--dark {
  border-color: #743F23 !important;
}
.tn-border-brown--disabled {
  border-color: #C8A795 !important;
}
.tn-border-grey {
  border-color: #78909C !important;
}
.tn-border-grey--light {
  border-color: #E4E9EC !important;
}
.tn-border-grey--dark {
  border-color: #5F7E8B !important;
}
.tn-border-grey--disabled {
  border-color: #C6D1D8 !important;
}
.tn-border-gray {
  border-color: #AAAAAA !important;
}
.tn-border-gray--light {
  border-color: #F8F7F8 !important;
}
.tn-border-gray--dark {
  border-color: #838383 !important;
}
.tn-border-gray--disabled {
  border-color: #E6E6E6 !important;
}
.tn-border-white {
  border-color: #FFFFFF !important;
}
.tn-border-black {
  border-color: #000000 !important;
}
/* 边框颜色 end */
/* 背景颜色 start */
.tn-bg-red {
  background-color: #E83A30 !important;
  color: #080808;
}
.tn-bg-red--light {
  background-color: #FAD8D6 !important;
}
.tn-bg-red--dark {
  background-color: #BA2E26 !important;
}
.tn-bg-red--disabled {
  background-color: #F39C97 !important;
}
.tn-bg-purplered {
  background-color: #E72F8C !important;
  color: #080808;
}
.tn-bg-purplered--light {
  background-color: #FAD5E8 !important;
}
.tn-bg-purplered--dark {
  background-color: #B9266F !important;
}
.tn-bg-purplered--disabled {
  background-color: #F397C5 !important;
}
.tn-bg-purple {
  background-color: #892FE8 !important;
  color: #080808;
}
.tn-bg-purple--light {
  background-color: #E7D5FA !important;
}
.tn-bg-purple--dark {
  background-color: #6E26BA !important;
}
.tn-bg-purple--disabled {
  background-color: #C497F3 !important;
}
.tn-bg-bluepurple {
  background-color: #5F4FD9 !important;
  color: #080808;
}
.tn-bg-bluepurple--light {
  background-color: #DFDCF7 !important;
}
.tn-bg-bluepurple--dark {
  background-color: #4C3FAE !important;
}
.tn-bg-bluepurple--disabled {
  background-color: #AFA7EC !important;
}
.tn-bg-aquablue {
  background-color: #3646FF !important;
  color: #080808;
}
.tn-bg-aquablue--light {
  background-color: #D7DAFF !important;
}
.tn-bg-aquablue--dark {
  background-color: #2B38CC !important;
}
.tn-bg-aquablue--disabled {
  background-color: #9AA2FF !important;
}
.tn-bg-blue {
  background-color: #3D7EFF !important;
  color: #080808;
}
.tn-bg-blue--light {
  background-color: #D8E5FF !important;
}
.tn-bg-blue--dark {
  background-color: #3165CC !important;
}
.tn-bg-blue--disabled {
  background-color: #9EBEFF !important;
}
.tn-bg-indigo {
  background-color: #31C9E8 !important;
  color: #080808;
}
.tn-bg-indigo--light {
  background-color: #D6F4FA !important;
}
.tn-bg-indigo--dark {
  background-color: #27A1BA !important;
}
.tn-bg-indigo--disabled {
  background-color: #98E4F3 !important;
}
.tn-bg-cyan {
  background-color: #2DE8BD !important;
  color: #080808;
}
.tn-bg-cyan--light {
  background-color: #D5FAF2 !important;
}
.tn-bg-cyan--dark {
  background-color: #24BA97 !important;
}
.tn-bg-cyan--disabled {
  background-color: #96F3DE !important;
}
.tn-bg-teal {
  background-color: #24F083 !important;
  color: #080808;
}
.tn-bg-teal--light {
  background-color: #D3FCE6 !important;
}
.tn-bg-teal--dark {
  background-color: #1DC069 !important;
}
.tn-bg-teal--disabled {
  background-color: #91F7C1 !important;
}
.tn-bg-green {
  background-color: #31E749 !important;
  color: #080808;
}
.tn-bg-green--light {
  background-color: #D6FADB !important;
}
.tn-bg-green--dark {
  background-color: #27B93A !important;
}
.tn-bg-green--disabled {
  background-color: #98F3A4 !important;
}
.tn-bg-yellowgreen {
  background-color: #A4E82F !important;
  color: #080808;
}
.tn-bg-yellowgreen--light {
  background-color: #EDFAD5 !important;
}
.tn-bg-yellowgreen--dark {
  background-color: #82BA26 !important;
}
.tn-bg-yellowgreen--disabled {
  background-color: #D1F397 !important;
}
.tn-bg-lime {
  background-color: #D5EB00 !important;
  color: #080808;
}
.tn-bg-lime--light {
  background-color: #F7FBCC !important;
}
.tn-bg-lime--dark {
  background-color: #AABC00 !important;
}
.tn-bg-lime--disabled {
  background-color: #E9F57F !important;
}
.tn-bg-yellow {
  background-color: #FFF420 !important;
  color: #080808;
}
.tn-bg-yellow--light {
  background-color: #FFFDD2 !important;
}
.tn-bg-yellow--dark {
  background-color: #CCC21A !important;
}
.tn-bg-yellow--disabled {
  background-color: #FFF88F !important;
}
.tn-bg-orangeyellow {
  background-color: #FFCA28 !important;
  color: #080808;
}
.tn-bg-orangeyellow--light {
  background-color: #FFF4D4 !important;
}
.tn-bg-orangeyellow--dark {
  background-color: #CCA220 !important;
}
.tn-bg-orangeyellow--disabled {
  background-color: #FFE493 !important;
}
.tn-bg-orange {
  background-color: #FFA726 !important;
  color: #080808;
}
.tn-bg-orange--light {
  background-color: #FFEDD4 !important;
}
.tn-bg-orange--dark {
  background-color: #CC851E !important;
}
.tn-bg-orange--disabled {
  background-color: #FFD392 !important;
}
.tn-bg-orangered {
  background-color: #FF7043 !important;
  color: #080808;
}
.tn-bg-orangered--light {
  background-color: #FFE2D9 !important;
}
.tn-bg-orangered--dark {
  background-color: #CC5A36 !important;
}
.tn-bg-orangered--disabled {
  background-color: #FFB7A1 !important;
}
.tn-bg-brown {
  background-color: #914F2C !important;
  color: #080808;
}
.tn-bg-brown--light {
  background-color: #E9DCD5 !important;
}
.tn-bg-brown--dark {
  background-color: #743F23 !important;
}
.tn-bg-brown--disabled {
  background-color: #C8A795 !important;
}
.tn-bg-grey {
  background-color: #78909C !important;
  color: #080808;
}
.tn-bg-grey--light {
  background-color: #E4E9EC !important;
}
.tn-bg-grey--dark {
  background-color: #5F7E8B !important;
}
.tn-bg-grey--disabled {
  background-color: #C6D1D8 !important;
}
.tn-bg-gray {
  background-color: #AAAAAA !important;
  color: #080808;
}
.tn-bg-gray--light {
  background-color: #F8F7F8 !important;
}
.tn-bg-gray--dark {
  background-color: #838383 !important;
}
.tn-bg-gray--disabled {
  background-color: #E6E6E6 !important;
}
.tn-bg-white {
  background-color: #FFFFFF !important;
  color: #080808;
}
.tn-bg-black {
  background-color: #000000 !important;
  color: #080808;
}
/* 背景颜色 end */
/* 阴影颜色 start */
.tn-shadow-red {
  box-shadow: 12rpx 12rpx 16rpx #FAD8D6;
}
.tn-shadow-purplered {
  box-shadow: 12rpx 12rpx 16rpx #FAD5E8;
}
.tn-shadow-purple {
  box-shadow: 12rpx 12rpx 16rpx #E7D5FA;
}
.tn-shadow-bluepurple {
  box-shadow: 12rpx 12rpx 16rpx #DFDCF7;
}
.tn-shadow-aquablue {
  box-shadow: 12rpx 12rpx 16rpx #D7DAFF;
}
.tn-shadow-blue {
  box-shadow: 12rpx 12rpx 16rpx #D8E5FF;
}
.tn-shadow-indigo {
  box-shadow: 12rpx 12rpx 16rpx #D6F4FA;
}
.tn-shadow-cyan {
  box-shadow: 12rpx 12rpx 16rpx #D5FAF2;
}
.tn-shadow-teal {
  box-shadow: 12rpx 12rpx 16rpx #D3FCE6;
}
.tn-shadow-green {
  box-shadow: 12rpx 12rpx 16rpx #D6FADB;
}
.tn-shadow-yellowgreen {
  box-shadow: 12rpx 12rpx 16rpx #EDFAD5;
}
.tn-shadow-lime {
  box-shadow: 12rpx 12rpx 16rpx #F7FBCC;
}
.tn-shadow-yellow {
  box-shadow: 12rpx 12rpx 16rpx #FFFDD2;
}
.tn-shadow-orangeyellow {
  box-shadow: 12rpx 12rpx 16rpx #FFF4D4;
}
.tn-shadow-orange {
  box-shadow: 12rpx 12rpx 16rpx #FFEDD4;
}
.tn-shadow-orangered {
  box-shadow: 12rpx 12rpx 16rpx #FFE2D9;
}
.tn-shadow-brown {
  box-shadow: 12rpx 12rpx 16rpx #E9DCD5;
}
.tn-shadow-grey {
  box-shadow: 12rpx 12rpx 16rpx #E4E9EC;
}
.tn-shadow-gray {
  box-shadow: 12rpx 12rpx 16rpx #F8F7F8;
}
.tn-text-shadow-red {
  text-shadow: 6rpx 6rpx 8rpx #FAD8D6;
}
.tn-text-shadow-purplered {
  text-shadow: 6rpx 6rpx 8rpx #FAD5E8;
}
.tn-text-shadow-purple {
  text-shadow: 6rpx 6rpx 8rpx #E7D5FA;
}
.tn-text-shadow-bluepurple {
  text-shadow: 6rpx 6rpx 8rpx #DFDCF7;
}
.tn-text-shadow-aquablue {
  text-shadow: 6rpx 6rpx 8rpx #D7DAFF;
}
.tn-text-shadow-blue {
  text-shadow: 6rpx 6rpx 8rpx #D8E5FF;
}
.tn-text-shadow-indigo {
  text-shadow: 6rpx 6rpx 8rpx #D6F4FA;
}
.tn-text-shadow-cyan {
  text-shadow: 6rpx 6rpx 8rpx #D5FAF2;
}
.tn-text-shadow-teal {
  text-shadow: 6rpx 6rpx 8rpx #D3FCE6;
}
.tn-text-shadow-green {
  text-shadow: 6rpx 6rpx 8rpx #D6FADB;
}
.tn-text-shadow-yellowgreen {
  text-shadow: 6rpx 6rpx 8rpx #EDFAD5;
}
.tn-text-shadow-lime {
  text-shadow: 6rpx 6rpx 8rpx #F7FBCC;
}
.tn-text-shadow-yellow {
  text-shadow: 6rpx 6rpx 8rpx #FFFDD2;
}
.tn-text-shadow-orangeyellow {
  text-shadow: 6rpx 6rpx 8rpx #FFF4D4;
}
.tn-text-shadow-orange {
  text-shadow: 6rpx 6rpx 8rpx #FFEDD4;
}
.tn-text-shadow-orangered {
  text-shadow: 6rpx 6rpx 8rpx #FFE2D9;
}
.tn-text-shadow-brown {
  text-shadow: 6rpx 6rpx 8rpx #E9DCD5;
}
.tn-text-shadow-grey {
  text-shadow: 6rpx 6rpx 8rpx #E4E9EC;
}
.tn-text-shadow-gray {
  text-shadow: 6rpx 6rpx 8rpx #F8F7F8;
}
/* 阴影颜色 end */
/* 主色渐变色 start */
.tn-main-gradient-red {
  background-image: repeating-linear-gradient(45deg, #E83A30, #E72F8C);
  color: #FFFFFF;
}
.tn-main-gradient-red--reverse {
  background-image: repeating-linear-gradient(-45deg, #E83A30, #E72F8C);
  color: #FFFFFF;
}
.tn-main-gradient-red--light {
  background-image: repeating-linear-gradient(45deg, #FAD8D6, #FAD5E8);
  color: #E83A30;
}
.tn-main-gradient-red--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #FAD8D6, #FAD5E8);
  color: #E83A30;
}
.tn-main-gradient-red--single {
  background-image: repeating-linear-gradient(45deg, #E83A30, #F39C97);
  color: #FFFFFF;
}
.tn-main-gradient-red--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #E83A30, #F39C97);
  color: #FFFFFF;
}
.tn-main-gradient-purplered {
  background-image: repeating-linear-gradient(45deg, #E72F8C, #892FE8);
  color: #FFFFFF;
}
.tn-main-gradient-purplered--reverse {
  background-image: repeating-linear-gradient(-45deg, #E72F8C, #892FE8);
  color: #FFFFFF;
}
.tn-main-gradient-purplered--light {
  background-image: repeating-linear-gradient(45deg, #FAD5E8, #E7D5FA);
  color: #E72F8C;
}
.tn-main-gradient-purplered--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #FAD5E8, #E7D5FA);
  color: #E72F8C;
}
.tn-main-gradient-purplered--single {
  background-image: repeating-linear-gradient(45deg, #E72F8C, #F397C5);
  color: #FFFFFF;
}
.tn-main-gradient-purplered--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #E72F8C, #F397C5);
  color: #FFFFFF;
}
.tn-main-gradient-purple {
  background-image: repeating-linear-gradient(45deg, #892FE8, #5F4FD9);
  color: #FFFFFF;
}
.tn-main-gradient-purple--reverse {
  background-image: repeating-linear-gradient(-45deg, #892FE8, #5F4FD9);
  color: #FFFFFF;
}
.tn-main-gradient-purple--light {
  background-image: repeating-linear-gradient(45deg, #E7D5FA, #DFDCF7);
  color: #892FE8;
}
.tn-main-gradient-purple--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #E7D5FA, #DFDCF7);
  color: #892FE8;
}
.tn-main-gradient-purple--single {
  background-image: repeating-linear-gradient(45deg, #892FE8, #C497F3);
  color: #FFFFFF;
}
.tn-main-gradient-purple--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #892FE8, #C497F3);
  color: #FFFFFF;
}
.tn-main-gradient-bluepurple {
  background-image: repeating-linear-gradient(45deg, #5F4FD9, #3646FF);
  color: #FFFFFF;
}
.tn-main-gradient-bluepurple--reverse {
  background-image: repeating-linear-gradient(-45deg, #5F4FD9, #3646FF);
  color: #FFFFFF;
}
.tn-main-gradient-bluepurple--light {
  background-image: repeating-linear-gradient(45deg, #DFDCF7, #D7DAFF);
  color: #5F4FD9;
}
.tn-main-gradient-bluepurple--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #DFDCF7, #D7DAFF);
  color: #5F4FD9;
}
.tn-main-gradient-bluepurple--single {
  background-image: repeating-linear-gradient(45deg, #5F4FD9, #AFA7EC);
  color: #FFFFFF;
}
.tn-main-gradient-bluepurple--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #5F4FD9, #AFA7EC);
  color: #FFFFFF;
}
.tn-main-gradient-aquablue {
  background-image: repeating-linear-gradient(45deg, #3646FF, #3D7EFF);
  color: #FFFFFF;
}
.tn-main-gradient-aquablue--reverse {
  background-image: repeating-linear-gradient(-45deg, #3646FF, #3D7EFF);
  color: #FFFFFF;
}
.tn-main-gradient-aquablue--light {
  background-image: repeating-linear-gradient(45deg, #D7DAFF, #D8E5FF);
  color: #3646FF;
}
.tn-main-gradient-aquablue--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #D7DAFF, #D8E5FF);
  color: #3646FF;
}
.tn-main-gradient-aquablue--single {
  background-image: repeating-linear-gradient(45deg, #3646FF, #9AA2FF);
  color: #FFFFFF;
}
.tn-main-gradient-aquablue--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #3646FF, #9AA2FF);
  color: #FFFFFF;
}
.tn-main-gradient-blue {
  background-image: repeating-linear-gradient(45deg, #3D7EFF, #31C9E8);
  color: #FFFFFF;
}
.tn-main-gradient-blue--reverse {
  background-image: repeating-linear-gradient(-45deg, #3D7EFF, #31C9E8);
  color: #FFFFFF;
}
.tn-main-gradient-blue--light {
  background-image: repeating-linear-gradient(45deg, #D8E5FF, #D6F4FA);
  color: #3D7EFF;
}
.tn-main-gradient-blue--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #D8E5FF, #D6F4FA);
  color: #3D7EFF;
}
.tn-main-gradient-blue--single {
  background-image: repeating-linear-gradient(45deg, #3D7EFF, #9EBEFF);
  color: #FFFFFF;
}
.tn-main-gradient-blue--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #3D7EFF, #9EBEFF);
  color: #FFFFFF;
}
.tn-main-gradient-indigo {
  background-image: repeating-linear-gradient(45deg, #31C9E8, #2DE8BD);
  color: #FFFFFF;
}
.tn-main-gradient-indigo--reverse {
  background-image: repeating-linear-gradient(-45deg, #31C9E8, #2DE8BD);
  color: #FFFFFF;
}
.tn-main-gradient-indigo--light {
  background-image: repeating-linear-gradient(45deg, #D6F4FA, #D5FAF2);
  color: #31C9E8;
}
.tn-main-gradient-indigo--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #D6F4FA, #D5FAF2);
  color: #31C9E8;
}
.tn-main-gradient-indigo--single {
  background-image: repeating-linear-gradient(45deg, #31C9E8, #98E4F3);
  color: #FFFFFF;
}
.tn-main-gradient-indigo--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #31C9E8, #98E4F3);
  color: #FFFFFF;
}
.tn-main-gradient-cyan {
  background-image: repeating-linear-gradient(45deg, #2DE8BD, #24F083);
  color: #FFFFFF;
}
.tn-main-gradient-cyan--reverse {
  background-image: repeating-linear-gradient(-45deg, #2DE8BD, #24F083);
  color: #FFFFFF;
}
.tn-main-gradient-cyan--light {
  background-image: repeating-linear-gradient(45deg, #D5FAF2, #D3FCE6);
  color: #2DE8BD;
}
.tn-main-gradient-cyan--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #D5FAF2, #D3FCE6);
  color: #2DE8BD;
}
.tn-main-gradient-cyan--single {
  background-image: repeating-linear-gradient(45deg, #2DE8BD, #96F3DE);
  color: #FFFFFF;
}
.tn-main-gradient-cyan--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #2DE8BD, #96F3DE);
  color: #FFFFFF;
}
.tn-main-gradient-teal {
  background-image: repeating-linear-gradient(45deg, #24F083, #31E749);
  color: #FFFFFF;
}
.tn-main-gradient-teal--reverse {
  background-image: repeating-linear-gradient(-45deg, #24F083, #31E749);
  color: #FFFFFF;
}
.tn-main-gradient-teal--light {
  background-image: repeating-linear-gradient(45deg, #D3FCE6, #D6FADB);
  color: #24F083;
}
.tn-main-gradient-teal--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #D3FCE6, #D6FADB);
  color: #24F083;
}
.tn-main-gradient-teal--single {
  background-image: repeating-linear-gradient(45deg, #24F083, #91F7C1);
  color: #FFFFFF;
}
.tn-main-gradient-teal--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #24F083, #91F7C1);
  color: #FFFFFF;
}
.tn-main-gradient-green {
  background-image: repeating-linear-gradient(45deg, #31E749, #A4E82F);
  color: #FFFFFF;
}
.tn-main-gradient-green--reverse {
  background-image: repeating-linear-gradient(-45deg, #31E749, #A4E82F);
  color: #FFFFFF;
}
.tn-main-gradient-green--light {
  background-image: repeating-linear-gradient(45deg, #D6FADB, #EDFAD5);
  color: #31E749;
}
.tn-main-gradient-green--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #D6FADB, #EDFAD5);
  color: #31E749;
}
.tn-main-gradient-green--single {
  background-image: repeating-linear-gradient(45deg, #31E749, #98F3A4);
  color: #FFFFFF;
}
.tn-main-gradient-green--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #31E749, #98F3A4);
  color: #FFFFFF;
}
.tn-main-gradient-yellowgreen {
  background-image: repeating-linear-gradient(45deg, #A4E82F, #D5EB00);
  color: #FFFFFF;
}
.tn-main-gradient-yellowgreen--reverse {
  background-image: repeating-linear-gradient(-45deg, #A4E82F, #D5EB00);
  color: #FFFFFF;
}
.tn-main-gradient-yellowgreen--light {
  background-image: repeating-linear-gradient(45deg, #EDFAD5, #F7FBCC);
  color: #A4E82F;
}
.tn-main-gradient-yellowgreen--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #EDFAD5, #F7FBCC);
  color: #A4E82F;
}
.tn-main-gradient-yellowgreen--single {
  background-image: repeating-linear-gradient(45deg, #A4E82F, #D1F397);
  color: #FFFFFF;
}
.tn-main-gradient-yellowgreen--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #A4E82F, #D1F397);
  color: #FFFFFF;
}
.tn-main-gradient-lime {
  background-image: repeating-linear-gradient(45deg, #D5EB00, #FFF420);
  color: #FFFFFF;
}
.tn-main-gradient-lime--reverse {
  background-image: repeating-linear-gradient(-45deg, #D5EB00, #FFF420);
  color: #FFFFFF;
}
.tn-main-gradient-lime--light {
  background-image: repeating-linear-gradient(45deg, #F7FBCC, #FFFDD2);
  color: #D5EB00;
}
.tn-main-gradient-lime--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #F7FBCC, #FFFDD2);
  color: #D5EB00;
}
.tn-main-gradient-lime--single {
  background-image: repeating-linear-gradient(45deg, #D5EB00, #E9F57F);
  color: #FFFFFF;
}
.tn-main-gradient-lime--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #D5EB00, #E9F57F);
  color: #FFFFFF;
}
.tn-main-gradient-yellow {
  background-image: repeating-linear-gradient(45deg, #FFF420, #FFCA28);
  color: #FFFFFF;
}
.tn-main-gradient-yellow--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFF420, #FFCA28);
  color: #FFFFFF;
}
.tn-main-gradient-yellow--light {
  background-image: repeating-linear-gradient(45deg, #FFFDD2, #FFF4D4);
  color: #FFF420;
}
.tn-main-gradient-yellow--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFFDD2, #FFF4D4);
  color: #FFF420;
}
.tn-main-gradient-yellow--single {
  background-image: repeating-linear-gradient(45deg, #FFF420, #FFF88F);
  color: #FFFFFF;
}
.tn-main-gradient-yellow--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFF420, #FFF88F);
  color: #FFFFFF;
}
.tn-main-gradient-orangeyellow {
  background-image: repeating-linear-gradient(45deg, #FFCA28, #FFA726);
  color: #FFFFFF;
}
.tn-main-gradient-orangeyellow--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFCA28, #FFA726);
  color: #FFFFFF;
}
.tn-main-gradient-orangeyellow--light {
  background-image: repeating-linear-gradient(45deg, #FFF4D4, #FFEDD4);
  color: #FFCA28;
}
.tn-main-gradient-orangeyellow--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFF4D4, #FFEDD4);
  color: #FFCA28;
}
.tn-main-gradient-orangeyellow--single {
  background-image: repeating-linear-gradient(45deg, #FFCA28, #FFE493);
  color: #FFFFFF;
}
.tn-main-gradient-orangeyellow--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFCA28, #FFE493);
  color: #FFFFFF;
}
.tn-main-gradient-orange {
  background-image: repeating-linear-gradient(45deg, #FFA726, #FF7043);
  color: #FFFFFF;
}
.tn-main-gradient-orange--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFA726, #FF7043);
  color: #FFFFFF;
}
.tn-main-gradient-orange--light {
  background-image: repeating-linear-gradient(45deg, #FFEDD4, #FFE2D9);
  color: #FFA726;
}
.tn-main-gradient-orange--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFEDD4, #FFE2D9);
  color: #FFA726;
}
.tn-main-gradient-orange--single {
  background-image: repeating-linear-gradient(45deg, #FFA726, #FFD392);
  color: #FFFFFF;
}
.tn-main-gradient-orange--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFA726, #FFD392);
  color: #FFFFFF;
}
.tn-main-gradient-orangered {
  background-image: repeating-linear-gradient(45deg, #FF7043, #E83A30);
  color: #FFFFFF;
}
.tn-main-gradient-orangered--reverse {
  background-image: repeating-linear-gradient(-45deg, #FF7043, #E83A30);
  color: #FFFFFF;
}
.tn-main-gradient-orangered--light {
  background-image: repeating-linear-gradient(45deg, #FFE2D9, #FAD8D6);
  color: #FF7043;
}
.tn-main-gradient-orangered--light--reverse {
  background-image: repeating-linear-gradient(-45deg, #FFE2D9, #FAD8D6);
  color: #FF7043;
}
.tn-main-gradient-orangered--single {
  background-image: repeating-linear-gradient(45deg, #FF7043, #FFB7A1);
  color: #FFFFFF;
}
.tn-main-gradient-orangered--single--reverse {
  background-image: repeating-linear-gradient(-45deg, #FF7043, #FFB7A1);
  color: #FFFFFF;
}
/* 主色渐变色 end */
/* 动态背景颜色 start */
.tn-dynamic-bg-1 {
  color: #fff;
  background: linear-gradient(45deg, #F15BB5, #9A5CE5, #01BEFF, #00F5D4);
  background-size: 500% 500%;
  -webkit-animation: dynamicBg 15s ease infinite;
          animation: dynamicBg 15s ease infinite;
}
@-webkit-keyframes dynamicBg {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
@keyframes dynamicBg {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
/* 动态背景颜色 end */
/* 酷炫背景颜色图片 start */
.tn-cool-bg-color-1 {
  background-image: repeating-linear-gradient(45deg, #F5317F, #FF7C6E);
  color: #FFFFFF;
}
.tn-cool-bg-color-1--reverse {
  background-image: repeating-linear-gradient(-45deg, #F5317F, #FF7C6E);
  color: #FFFFFF;
}
.tn-cool-bg-color-2 {
  background-image: repeating-linear-gradient(45deg, #CA26FF, #F360A7);
  color: #FFFFFF;
}
.tn-cool-bg-color-2--reverse {
  background-image: repeating-linear-gradient(-45deg, #CA26FF, #F360A7);
  color: #FFFFFF;
}
.tn-cool-bg-color-3 {
  background-image: repeating-linear-gradient(45deg, #A26FFC, #9D12FF);
  color: #FFFFFF;
}
.tn-cool-bg-color-3--reverse {
  background-image: repeating-linear-gradient(-45deg, #A26FFC, #9D12FF);
  color: #FFFFFF;
}
.tn-cool-bg-color-4 {
  background-image: repeating-linear-gradient(45deg, #AA77F0, #E871E5);
  color: #FFFFFF;
}
.tn-cool-bg-color-4--reverse {
  background-image: repeating-linear-gradient(-45deg, #AA77F0, #E871E5);
  color: #FFFFFF;
}
.tn-cool-bg-color-5 {
  background-image: repeating-linear-gradient(45deg, #40A0F7, #4866E6);
  color: #FFFFFF;
}
.tn-cool-bg-color-5--reverse {
  background-image: repeating-linear-gradient(-45deg, #40A0F7, #4866E6);
  color: #FFFFFF;
}
.tn-cool-bg-color-6 {
  background-image: repeating-linear-gradient(45deg, #209CFF, #68E0CF);
  color: #FFFFFF;
}
.tn-cool-bg-color-6--reverse {
  background-image: repeating-linear-gradient(-45deg, #209CFF, #68E0CF);
  color: #FFFFFF;
}
.tn-cool-bg-color-7 {
  background-image: repeating-linear-gradient(45deg, #00C3FF, #58FFF5);
  color: #FFFFFF;
}
.tn-cool-bg-color-7--reverse {
  background-image: repeating-linear-gradient(-45deg, #00C3FF, #58FFF5);
  color: #FFFFFF;
}
.tn-cool-bg-color-8 {
  background-image: repeating-linear-gradient(45deg, #00d1FF, #69FF97);
  color: #FFFFFF;
}
.tn-cool-bg-color-8--reverse {
  background-image: repeating-linear-gradient(-45deg, #00d1FF, #69FF97);
  color: #FFFFFF;
}
.tn-cool-bg-color-9 {
  background-image: repeating-linear-gradient(45deg, #0FD893, #29ECBF);
  color: #FFFFFF;
}
.tn-cool-bg-color-9--reverse {
  background-image: repeating-linear-gradient(-45deg, #0FD893, #29ECBF);
  color: #FFFFFF;
}
.tn-cool-bg-color-10 {
  background-image: repeating-linear-gradient(45deg, #0FD850, #F9F047);
  color: #FFFFFF;
}
.tn-cool-bg-color-10--reverse {
  background-image: repeating-linear-gradient(-45deg, #0FD850, #F9F047);
  color: #FFFFFF;
}
.tn-cool-bg-color-11 {
  background-image: repeating-linear-gradient(45deg, #24FE41, #F7FD47);
  color: #FFFFFF;
}
.tn-cool-bg-color-11--reverse {
  background-image: repeating-linear-gradient(-45deg, #24FE41, #F7FD47);
  color: #FFFFFF;
}
.tn-cool-bg-color-12 {
  background-image: repeating-linear-gradient(45deg, #D6FF7F, #00F657);
  color: #FFFFFF;
}
.tn-cool-bg-color-12--reverse {
  background-image: repeating-linear-gradient(-45deg, #D6FF7F, #00F657);
  color: #FFFFFF;
}
.tn-cool-bg-color-13 {
  background-image: repeating-linear-gradient(45deg, #FA709A, #FEE140);
  color: #FFFFFF;
}
.tn-cool-bg-color-13--reverse {
  background-image: repeating-linear-gradient(-45deg, #FA709A, #FEE140);
  color: #FFFFFF;
}
.tn-cool-bg-color-14 {
  background-image: repeating-linear-gradient(45deg, #FE5E9C, #F1AA76);
  color: #FFFFFF;
}
.tn-cool-bg-color-14--reverse {
  background-image: repeating-linear-gradient(-45deg, #FE5E9C, #F1AA76);
  color: #FFFFFF;
}
.tn-cool-bg-color-15 {
  background-image: repeating-linear-gradient(45deg, #FF3181, #FF8331);
  color: #FFFFFF;
}
.tn-cool-bg-color-15--reverse {
  background-image: repeating-linear-gradient(-45deg, #FF3181, #FF8331);
  color: #FFFFFF;
}
.tn-cool-bg-color-16 {
  background-image: repeating-linear-gradient(45deg, #ED1C24, #FECE12);
  color: #FFFFFF;
}
.tn-cool-bg-color-16--reverse {
  background-image: repeating-linear-gradient(-45deg, #ED1C24, #FECE12);
  color: #FFFFFF;
}
.tn-cool-bg-image::after {
  content: " ";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  border-radius: 10rpx;
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  background-size: 100% 100%;
  background-image: inherit;
}
.tn-cool-bg-image:nth-of-type(1n)::after {
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/1.png);
}
.tn-cool-bg-image:nth-of-type(2n)::after {
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/2.png);
}
.tn-cool-bg-image:nth-of-type(3n)::after {
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/3.png);
}
.tn-cool-bg-image:nth-of-type(4n)::after {
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/4.png);
}
.tn-cool-bg-image:nth-of-type(5n)::after {
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/5.png);
}
.tn-cool-bg-image:nth-of-type(6n)::after {
  background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/6.png);
}
/* 酷炫背景颜色图片 end */
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}
/* 微信小程序编译后页面有组件名的元素，特别处理 start */
/* 双标签 start*/
.capsule {
  display: inline-flex;
  vertical-align: middle;
  width: 20%;
  min-width: 136rpx;
  height: 45rpx;
}
.capsule tn-tag {
  margin: 0;
  width: 100%;
}
.capsule tn-tag:first-child .tn-tag {
  border-top-right-radius: 0rpx;
  border-bottom-right-radius: 0rpx;
}
.capsule tn-tag:last-child .tn-tag::after {
  border-top-left-radius: 0rpx;
  border-bottom-left-radius: 0rpx;
}
/* 双标签 end*/
/* 微信小程序编译后页面有组件名的元素，特别处理 end */
/* 头条小程序编译后页面有组件名的元素，特别处理 start */
/* 头条小程序编译后页面有组件名的元素，特别处理 end */
.pages-a {
  max-height: 100vh;
}
/* 自定义导航栏内容 start */
.custom-nav {
  height: 100%;
}
.custom-nav__back {
  margin: auto 5rpx;
  font-size: 50rpx;
  margin-right: 10rpx;
  margin-left: 30rpx;
  flex-basis: 5%;
}
/* 底部安全边距 start*/
.tn-tabbar-height {
  min-height: 120rpx;
  height: calc(140rpx + env(safe-area-inset-bottom) / 2);
  height: calc(140rpx + constant(safe-area-inset-bottom));
}
/* 图标容器5 start */
.icon5__item {
  background-color: #FFFFFF;
  border-radius: 10rpx;
  padding: 0rpx;
  margin: 0rpx;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.icon5__item--icon {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  margin-bottom: 18rpx;
  position: relative;
  z-index: 1;
}
/* 轮播视觉差 start */
.card-swiper {
  height: 450rpx;
}
.card-swiper swiper-item {
  width: 750rpx;
  left: 0rpx;
  box-sizing: border-box;
  padding: 40rpx 30rpx 30rpx 30rpx;
  overflow: initial;
}
.card-swiper swiper-item .swiper-item {
  width: 100%;
  display: block;
  height: 100%;
  border-radius: 15rpx;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.2s ease-in 0s;
  will-change: transform;
}
.card-swiper swiper-item.cur .swiper-item {
  -webkit-transform: none;
          transform: none;
  transition: all 0.2s ease-in 0s;
  will-change: transform;
}
.card-swiper swiper-item .swiper-item-text {
  margin-top: -220rpx;
  text-align: center;
  width: 100%;
  display: block;
  border-radius: 10rpx;
  -webkit-transform: translate(100rpx, 0rpx) scale(0.9, 0.9);
          transform: translate(100rpx, 0rpx) scale(0.9, 0.9);
  transition: all 0.6s ease 0s;
  will-change: transform;
  overflow: hidden;
}
.card-swiper swiper-item.cur .swiper-item-text {
  margin-top: -220rpx;
  width: 100%;
  -webkit-transform: translate(0rpx, 0rpx) scale(0.9, 0.9);
          transform: translate(0rpx, 0rpx) scale(0.9, 0.9);
  transition: all 0.6s ease 0s;
  will-change: transform;
}
.image-banner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-banner image {
  width: 100%;
  height: 100%;
}
/* 轮播指示点 start*/
.indication {
  z-index: 9999;
  width: 100%;
  height: 36rpx;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.spot {
  background-color: #FFFFFF;
  opacity: 0.6;
  width: 10rpx;
  height: 10rpx;
  border-radius: 20rpx;
  top: -70rpx;
  margin: 0 8rpx !important;
  position: relative;
}
.spot.active {
  opacity: 1;
  width: 30rpx;
  background-color: #FFFFFF;
}
/* 胶囊banner*/
.image-capsule {
  padding: 100rpx 0rpx;
  font-size: 40rpx;
  font-weight: 300;
  position: relative;
}
.image-piccapsule {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border-radius: 20rpx 20rpx 0 0;
}
/* 用户头像 start */
.logo-image {
  width: 40rpx;
  height: 40rpx;
  position: relative;
}
.logo-pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 1rpx solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  overflow: hidden;
}
/* 瀑布流*/
.wallpaper__item {
  background-color: #FFFFFF;
  overflow: hidden;
  margin: 0 10rpx;
  margin-bottom: 40rpx;
}
.wallpaper__item .item {
  /* 图片 start */
  /* 图片 end */
  /* 内容 start */
  /* 标题 start */
  /* 标题 end */
  /* 标签 start */
  /* 标签 end */
  /* 内容 end */
}
.wallpaper__item .item__image {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  border: 1rpx solid #F8F7F8;
  border-radius: 10rpx;
  overflow: hidden;
}
.wallpaper__item .item__data {
  padding: 14rpx 0rpx;
}
.wallpaper__item .item__title-container {
  text-align: justify;
  line-height: 38rpx;
  vertical-align: middle;
}
.wallpaper__item .item__title {
  font-size: 30rpx;
}
.wallpaper__item .item__tags-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.wallpaper__item .item__tag {
  margin: 10rpx;
  color: #7C8191;
  background-color: #F3F2F7;
  padding: 4rpx 14rpx 6rpx;
  border-radius: 10rpx;
  font-size: 20rpx;
}
.wallpaper__item .item__tag:first-child {
  margin-left: 0rpx !important;
}