body,html{
    height:100%;
    width:100%;
    font-size:14px;
    position:relative;
    color:#000;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    font-family: "mp-quote", -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
ul li{list-style: none;}
img{max-width:100%;width:auto;vertical-align:middle;}
a{text-decoration: none;color:#333;}
input::-webkit-input-placeholder{color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
input::-moz-input-placeholder{color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
input::-ms-input-placeholder{color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
textarea{resize: none;}
textarea::-webkit-input-placeholder {color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
textarea::-moz-input-placeholder {color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
textarea::-ms-input-placeholder {color:#D9D9D9;letter-spacing: 1px;font-size: 14px;}
input,textarea,select,button{outline:none;border: 0;box-sizing: border-box;font-weight:inherit;}
input{font-family:inherit;font-size:14px;}
table{border-collapse:collapse;width:100%;}
td,th{padding:5px 10px;border:1px solid #ddd;}



:root{
    --cora01:#30B28D1A; /* 30B28D-0.1 */
    --cora02:#00896233; /* 008962-0.2 */
    --cora03:#30B28D4D; /* 30B28D-0.3 */
    --cora04:#30B28D99; /* 30B28D-0.6 */
    --cora05:#30B28DCC; /* 30B28D-0.8 悬停 */
    --cora06:#30B28DFF; /* 30B28D-1.0 原色 */
    --cora07:#1C996FFF; /* 1C996F-1.0 点击 */
    --cora08:#00000000; /* 000000-0 */
    --cora09:#2BA471FF; /* 2BA471-1.0 */

    --corb01:#FFFFFFFF; /* FFFFFF-1.0 */
    --corb02:#F9F9F9FF; /* F9F9F9-1.0 */
    --corb03:#F2F6F4FF; /* F2F6F4-1.0 */  /* 移入-背景 */
    --corb04:#E6EDEAFF; /* E6EDEA-1.0 */  /* 点击-背景 */
    --corb05:#D9D9D926; /* D9D9D9-.15 */
    --corb06:#D9D9D966; /* D9D9D9-0.4 */
    --corb07:#D9D9D9FF; /* D9D9D9-1.0 */
    --corb08:#8C8C8CFF; /* 8C8C8C-1.0 */
    --corb09:#00000080; /* 000000-0.5 */
    --corb10:#000000b3; /* 000000-0.7 */
    --corb11:#575757FF; /* 575757-1.0 */
    --corb12:#121212EB; /* 121212-.92 */
    --corb13:#333333FF; /* 333333-1.0 */
    --corb14:#333333B3; /* 333333-1.0 */
    --corb15:#333333CC; /* 333333-1.0 */
    --corb16:#010101B3; /* 010101-0.7 */
    --corb17:#FBFBFBFF; /* 010101-0.7 */
    --corb18:#FFFFFF33; /* 010101-0.7 */
    --corb19:#BEBEBEFF; /* 010101-0.7 */

    --corc01:#FF7D001A; /* FF7D00-0.1 */
    --corc02:#FF7D004D; /* FF7D00-0.3 */
    --corc03:#FF7D00CC; /* FF7D00-0.8 */
    --corc04:#FF7D00FF; /* FF7D00-1.0 */
    --corc05:#FF5C00FF; /* FF5C00-1.0 */

    --cord01:#F231261A; /* F23126-0.1 */
    --cord02:#F231264D; /* F23126-0.3 */
    --cord03:#F23126CC; /* F23126-0.8 */
    --cord04:#F23126FF; /* F23126-1.0 */
    --cord05:#DD0C00FF; /* DD0C00-1.0 */

    --core03:#FFCF3DFF; /* FFCF3D-1.0 */
    --core01:#3390FFFF; /* 3390FF-1.0 */
    --core02:#2D77EFFF; /* 2D77EF-1.0 */

    --corf00:#E89821FF;  /* 免费 */
    --corf01:#565656FF;  /* 银牌 */
    --corf02:#E18F14FF;  /* 金牌 */
    --corf03:#3C88CCFF;  /* 企业 */

    /* 收藏色 */
    --corg01:#FF9900FF;

    /* 阴影 */
    --shade01:0px 1px 10px 0px #0000000d,0px 4px 5px 0px #00000014,0px 2px 4px -1px #0000001f;
    --shade02:0px 3px 14px 2px #0000000d,0px 8px 10px 1px #0000000f,0px 5px 5px -3px #0000001a;
    --shade03:0px 6px 30px 5px #0000000d,0px 16px 24px 5px #0000000a,0px 8px 10px -5px #00000014;
    --shade04:0px 0px 10px 0px #D9D9D9FF inset;
    --shade05:0px 4px 32px 0px #000000CC;;
    --shade06:0px 4px 16px 0px #00000014;
    --shade07:0px 0px 16px 0px #0000004D;
    --shade08:0px 0px 5px 0px #00000014;
    --shade09:0px 2px 12px 0px #00000014;
    --shade10:0px 0px 5px 0px #0000004D;
    /* 动画时间 */
    --anims01:all .1s;
    --anims02:all .2s;
    --anims03:all .3s;
    --anims04:all .4s;
    --anims05:all .5s;
    --anims06:all .6s;
    --anims07:all .7s;
    --anims08:all .8s;
    --anims09:all .9s;
    --anims10:all 1s;

    --anims11:height .1s;
    --anims12:height .2s;
    --anims13:height .3s;
    --anims14:height .4s;
    --anims15:height .5s;
    --anims16:height .6s;
    --anims17:height .7s;
    --anims18:height .8s;
    --anims19:height .9s;
    --anims20:height 1s;

    --anims21:height .1s,opacity .1s;
    --anims22:height .2s,opacity .2s;
    --anims23:height .3s,opacity .3s;
    --anims24:height .4s,opacity .4s;
    --anims25:height .5s,opacity .5s;
    --anims26:height .6s,opacity .6s;
    --anims27:height .7s,opacity .7s;
    --anims28:height .8s,opacity .8s;
    --anims29:height .9s,opacity .9s;
    --anims30:height 1s,opacity 1s;

    --anims31:opacity .1s;
    --anims32:opacity .2s;
    --anims33:opacity .3s;
    --anims34:opacity .4s;
    --anims35:opacity .5s;
    --anims36:opacity .6s;
    --anims37:opacity .7s;
    --anims38:opacity .8s;
    --anims39:opacity .9s;
    --anims40:opacity 1s;

    --bgimg02:url(/aiquick/assets/svg/share.svg?ver=321) no-repeat;
}



/**
 * transform ----------------------------------------------------------------------
 * transform 动画
 * **/
/*关闭*/
@-webkit-keyframes xmy-anim-1-0{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} 100%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}
@keyframes xmy-anim-1-0{0% {opacity:1;-webkit-transform:scale(1);transform:scale(1)} 100% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}
.BASE-anim-1{
    -webkit-animation-name: xmy-anim-1-0;
    animation-name: xmy-anim-1-0;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.3s;
    animation-duration:0.3s
}
/*打开*/
@-webkit-keyframes xmy-anim-2-0{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)} 100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes xmy-anim-2-0{0% {opacity:0;-webkit-transform:scale(.5);transform:scale(.5)} 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.BASE-anim-2{
    -webkit-animation-name: xmy-anim-2-0;
    animation-name: xmy-anim-2-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration:.3s;
    animation-duration:.3s
}
/* 下降 */
@-webkit-keyframes BASE-anim-3-0{0%{top:160px;opacity:0;} 100%{top:210px;opacity:1;}}
@keyframes BASE-anim-3-0{0%{top:160px;opacity:0;} 100%{top:210px;opacity:1;}}
.BASE-anim-3{
    -webkit-animation-name:BASE-anim-3-0;
    animation-name:BASE-anim-3-0;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.3s;
    animation-duration:0.3s;
}
/* 上升 */
@-webkit-keyframes BASE-anim-4-0{0%{top:200px;opacity:1;} 100%{top:160px;opacity:0;}}
@keyframes BASE-anim-4-0{0%{top:200px;opacity:1;} 100%{top:160px;opacity:0;}}
.BASE-anim-4{
    -webkit-animation-name: BASE-anim-4-0;
    animation-name: BASE-anim-4-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}
/*透明度显示*/
@-webkit-keyframes BASE-anim-5-0{0%{opacity:0;} 100%{opacity:1;}}
@keyframes BASE-anim-5-0{0%{opacity:0;} 100%{opacity:1;}}
.BASE-anim-5{
    -webkit-animation-name: BASE-anim-5-0;
    animation-name: BASE-anim-5-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}
/*透明度不显示*/
@-webkit-keyframes BASE-anim-6-0{0%{opacity:1;} 100%{opacity:0;}}
@keyframes BASE-anim-6-0{0%{opacity:1;} 100%{opacity:0;}}
.BASE-anim-6{
    -webkit-animation-name: BASE-anim-6-0;
    animation-name: BASE-anim-6-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

/*透明度和位置*/
@-webkit-keyframes BASE-anim-7-0{from{-webkit-transform:translate3d(0,15px,0);opacity:.3} to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes BASE-anim-7-0{from{transform:translate3d(0,15px,0);opacity:.3} to{transform:translate3d(0,0,0);opacity:1}}
.BASE-anim-7{
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-name: BASE-anim-7-0;
    animation-name:BASE-anim-7-0;
}


/**
 * anims ----------------------------------------------------------------------
 * css动画
 * **/
/*全属性*/
.anims001{transition:all .1s;-webkit-transition:all .1s;}
.anims002{transition:all .2s;-webkit-transition:all .2s;}
.anims003{transition:all .3s;-webkit-transition:all .3s;}
.anims004{transition:all .4s;-webkit-transition:all .4s;}
.anims005{transition:all .5s;-webkit-transition:all .5s;}
.anims006{transition:all .6s;-webkit-transition:all .6s;}
.anims007{transition:all .7s;-webkit-transition:all .7s;}
.anims008{transition:all .8s;-webkit-transition:all .8s;}
.anims009{transition:all .9s;-webkit-transition:all .9s;}
/*高*/
.anims011{transition:height .1s;-webkit-transition:height .1s;}
.anims012{transition:height .2s;-webkit-transition:height .2s;}
.anims013{transition:height .3s;-webkit-transition:height .3s;}
.anims014{transition:height .4s;-webkit-transition:height .4s;}
.anims015{transition:height .5s;-webkit-transition:height .5s;}
.anims016{transition:height .6s;-webkit-transition:height .6s;}
.anims017{transition:height .7s;-webkit-transition:height .7s;}
.anims018{transition:height .8s;-webkit-transition:height .8s;}
.anims019{transition:height .9s;-webkit-transition:height .9s;}
/*透明度*/
.anims021{transition:opacity .1s;-webkit-transition:opacity .1s;}
.anims022{transition:opacity .2s;-webkit-transition:opacity .2s;}
.anims023{transition:opacity .3s;-webkit-transition:opacity .3s;}
.anims024{transition:opacity .4s;-webkit-transition:opacity .4s;}
.anims025{transition:opacity .5s;-webkit-transition:opacity .5s;}
.anims026{transition:opacity .6s;-webkit-transition:opacity .6s;}
.anims027{transition:opacity .7s;-webkit-transition:opacity .7s;}
.anims028{transition:opacity .8s;-webkit-transition:opacity .8s;}
.anims029{transition:opacity .9s;-webkit-transition:opacity .9s;}
/*高和透明度*/
.anims031{transition:opacity .1s,height .1s;-webkit-transition:opacity .1s,height .1s;}
.anims032{transition:opacity .2s,height .2s;-webkit-transition:opacity .2s,height .2s;}
.anims033{transition:opacity .3s,height .3s;-webkit-transition:opacity .3s,height .3s;}
.anims034{transition:opacity .4s,height .4s;-webkit-transition:opacity .4s,height .4s;}
.anims035{transition:opacity .5s,height .5s;-webkit-transition:opacity .5s,height .5s;}
.anims036{transition:opacity .6s,height .6s;-webkit-transition:opacity .6s,height .6s;}
.anims037{transition:opacity .7s,height .7s;-webkit-transition:opacity .7s,height .7s;}
.anims038{transition:opacity .8s,height .8s;-webkit-transition:opacity .8s,height .8s;}
.anims039{transition:opacity .9s,height .9s;-webkit-transition:opacity .9s,height .9s;}
/*阴影*/
.anims041{transition:box-shadow .1s;-webkit-transition:box-shadow .1s;}
.anims042{transition:box-shadow .2s;-webkit-transition:box-shadow .2s;}
.anims043{transition:box-shadow .3s;-webkit-transition:box-shadow .3s;}
.anims044{transition:box-shadow .4s;-webkit-transition:box-shadow .4s;}
.anims045{transition:box-shadow .5s;-webkit-transition:box-shadow .5s;}
.anims046{transition:box-shadow .6s;-webkit-transition:box-shadow .6s;}
.anims047{transition:box-shadow .7s;-webkit-transition:box-shadow .7s;}
.anims048{transition:box-shadow .8s;-webkit-transition:box-shadow .8s;}
.anims049{transition:box-shadow .9s;-webkit-transition:box-shadow .9s;}
/*左距*/
.anims051{transition:left .1s;-webkit-transition:left .1s;}
.anims052{transition:left .2s;-webkit-transition:left .2s;}
.anims053{transition:left .3s;-webkit-transition:left .3s;}
.anims054{transition:left .4s;-webkit-transition:left .4s;}
.anims055{transition:left .5s;-webkit-transition:left .5s;}
.anims056{transition:left .6s;-webkit-transition:left .6s;}
.anims057{transition:left .7s;-webkit-transition:left .7s;}
.anims058{transition:left .8s;-webkit-transition:left .8s;}
.anims059{transition:left .9s;-webkit-transition:left .9s;}
/*宽度*/
.anims061{transition:width .1s;-webkit-transition:width .1s;}
.anims062{transition:width .2s;-webkit-transition:width .2s;}
.anims063{transition:width .3s;-webkit-transition:width .3s;}
.anims064{transition:width .4s;-webkit-transition:width .4s;}
.anims065{transition:width .5s;-webkit-transition:width .5s;}
.anims066{transition:width .6s;-webkit-transition:width .6s;}
.anims067{transition:width .7s;-webkit-transition:width .7s;}
.anims068{transition:width .8s;-webkit-transition:width .8s;}
.anims069{transition:width .9s;-webkit-transition:width .9s;}
/*旋转*/
.anims071{transition:transform .1s;-webkit-transition:transform .1s;}
.anims072{transition:transform .2s;-webkit-transition:transform .2s;}
.anims073{transition:transform .3s;-webkit-transition:transform .3s;}
.anims074{transition:transform .4s;-webkit-transition:transform .4s;}
.anims075{transition:transform .5s;-webkit-transition:transform .5s;}
.anims076{transition:transform .6s;-webkit-transition:transform .6s;}
.anims077{transition:transform .7s;-webkit-transition:transform .7s;}
.anims078{transition:transform .8s;-webkit-transition:transform .8s;}
.anims079{transition:transform .9s;-webkit-transition:transform .9s;}
/*边框*/
.anims081{transition:border-color .1s;-webkit-transition:border-color .1s;}
.anims082{transition:border-color .2s;-webkit-transition:border-color .2s;}
.anims083{transition:border-color .3s;-webkit-transition:border-color .3s;}
.anims084{transition:border-color .4s;-webkit-transition:border-color .4s;}
.anims085{transition:border-color .5s;-webkit-transition:border-color .5s;}
.anims086{transition:border-color .6s;-webkit-transition:border-color .6s;}
.anims087{transition:border-color .7s;-webkit-transition:border-color .7s;}
.anims088{transition:border-color .8s;-webkit-transition:border-color .8s;}
.anims089{transition:border-color .9s;-webkit-transition:border-color .9s;}
/*宽和透明度*/
.anims091{transition:opacity .1s,width .1s;-webkit-transition:opacity .1s,width .1s;}
.anims092{transition:opacity .2s,width .2s;-webkit-transition:opacity .2s,width .2s;}
.anims093{transition:opacity .3s,width .3s;-webkit-transition:opacity .3s,width .3s;}
.anims094{transition:opacity .4s,width .4s;-webkit-transition:opacity .4s,width .4s;}
.anims095{transition:opacity .5s,width .5s;-webkit-transition:opacity .5s,width .5s;}
.anims096{transition:opacity .6s,width .6s;-webkit-transition:opacity .6s,width .6s;}
.anims097{transition:opacity .7s,width .7s;-webkit-transition:opacity .7s,width .7s;}
.anims098{transition:opacity .8s,width .8s;-webkit-transition:opacity .8s,width .8s;}
.anims099{transition:opacity .9s,width .9s;-webkit-transition:opacity .9s,width .9s;}
/*背景色*/
.anims101{transition:background-color .1s;-webkit-transition:background-color .1s;}
.anims102{transition:background-color .2s;-webkit-transition:background-color .2s;}
.anims103{transition:background-color .3s;-webkit-transition:background-color .3s;}
.anims104{transition:background-color .4s;-webkit-transition:background-color .4s;}
.anims105{transition:background-color .5s;-webkit-transition:background-color .5s;}
.anims106{transition:background-color .6s;-webkit-transition:background-color .6s;}
.anims107{transition:background-color .7s;-webkit-transition:background-color .7s;}
.anims108{transition:background-color .8s;-webkit-transition:background-color .8s;}
.anims109{transition:background-color .9s;-webkit-transition:background-color .9s;}
/*宽度和margin值*/
.anims111{transition:margin .1s,width .1s;-webkit-transition:margin .1s,width .1s;}
.anims112{transition:margin .2s,width .2s;-webkit-transition:margin .2s,width .2s;}
.anims113{transition:margin .3s,width .3s;-webkit-transition:margin .3s,width .3s;}
.anims114{transition:margin .4s,width .4s;-webkit-transition:margin .4s,width .4s;}
.anims115{transition:margin .5s,width .5s;-webkit-transition:margin .5s,width .5s;}
.anims116{transition:margin .6s,width .6s;-webkit-transition:margin .6s,width .6s;}
.anims117{transition:margin .7s,width .7s;-webkit-transition:margin .7s,width .7s;}
.anims118{transition:margin .8s,width .8s;-webkit-transition:margin .8s,width .8s;}
.anims119{transition:margin .9s,width .9s;-webkit-transition:margin .9s,width .9s;}



/**
 * scro ----------------------------------------------------------------------
 * 滚动条
 * **/
 /*0像素-滚动条*/
.BASE-scro0::-webkit-scrollbar{width:0px;height:0px;}
.BASE-scro0::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro0::-webkit-scrollbar-thumb{background-color:#D9D9D9;border-radius:0px;}
.BASE-scro0::-webkit-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro0::-moz-scrollbar{width:0px;height:0px;}
.BASE-scro0::-moz-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro0::-moz-scrollbar-thumb{background-color:#D9D9D9;border-radius:0px;}
.BASE-scro0::-moz-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro0::-ms-scrollbar{width:0px;height:0px;}
.BASE-scro0::-ms-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro0::-ms-scrollbar-thumb{background-color:#D9D9D9;border-radius:0px;}
.BASE-scro0::-ms-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro0::-o-scrollbar{width:0px;height:0px;}
.BASE-scro0::-o-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro0::-o-scrollbar-thumb{background-color:#D9D9D9;border-radius:0px;}
.BASE-scro0::-o-scrollbar-thumb:hover {background-color:#8C8C8C;}
.BASE-scro0::scrollbar{width:0px;height:0px;}
.BASE-scro0::scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro0::scrollbar-thumb{background-color:#D9D9D9;border-radius:0px;}
.BASE-scro0::scrollbar-thumb:hover{background-color:#8C8C8C;}
/*4像素-滚动条*/
.BASE-scro4::-webkit-scrollbar{width:4px;height:4px;}
.BASE-scro4::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro4::-webkit-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro4::-webkit-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro4::-moz-scrollbar{width:4px;height:4px;}
.BASE-scro4::-moz-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro4::-moz-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro4::-moz-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro4::-ms-scrollbar{width:4px;height:4px;}
.BASE-scro4::-ms-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro4::-ms-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro4::-ms-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro4::-o-scrollbar{width:4px;height:4px;}
.BASE-scro4::-o-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro4::-o-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro4::-o-scrollbar-thumb:hover {background-color:#8C8C8C;}
.BASE-scro4::scrollbar{width:4px;height:4px;}
.BASE-scro4::scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro4::scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro4::scrollbar-thumb:hover{background-color:#8C8C8C;}
/*6像素-滚动条*/
.BASE-scro6::-webkit-scrollbar{width:6px;height:6px;}
.BASE-scro6::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro6::-webkit-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro6::-webkit-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro6::-moz-scrollbar{width:6px;height:6px;}
.BASE-scro6::-moz-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro6::-moz-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro6::-moz-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro6::-ms-scrollbar{width:6px;height:6px;}
.BASE-scro6::-ms-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro6::-ms-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro6::-ms-scrollbar-thumb:hover{background-color:#8C8C8C;}
.BASE-scro6::-o-scrollbar{width:6px;height:6px;}
.BASE-scro6::-o-scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro6::-o-scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro6::-o-scrollbar-thumb:hover {background-color:#8C8C8C;}
.BASE-scro6::scrollbar{width:6px;height:6px;}
.BASE-scro6::scrollbar-track {background-color:rgba(0,0,0,0);}
.BASE-scro6::scrollbar-thumb{background-color:#D9D9D9;border-radius:6px;}
.BASE-scro6::scrollbar-thumb:hover{background-color:#8C8C8C;}



/**
 * hide ----------------------------------------------------------------------
 * 文字几行隐藏
 * **/
.BASE-hide1,.BASE-hide2,.BASE-hide3,.BASE-hide4,.BASE-hide5{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
    -o-word-break:break-all;
    -ms-word-break:break-all;
    -moz-word-break:break-all;
    -webkit-word-break:break-all;
}
.BASE-hide1{line-clamp:1;-o-line-clamp:1;-ms-line-clamp:1;-moz-line-clamp:1;-webkit-line-clamp:1;}
.BASE-hide2{line-clamp:2;-o-line-clamp:2;-ms-line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;}
.BASE-hide3{line-clamp:3;-o-line-clamp:3;-ms-line-clamp:3;-moz-line-clamp:3;-webkit-line-clamp:3;}
.BASE-hide4{line-clamp:4;-o-line-clamp:4;-ms-line-clamp:4;-moz-line-clamp:4;-webkit-line-clamp:4;}
.BASE-hide5{line-clamp:5;-o-line-clamp:5;-ms-line-clamp:5;-moz-line-clamp:5;-webkit-line-clamp:5;}



/**
 * transform ----------------------------------------------------------------------
 * transform 动画
 * **/
/*关闭*/
@-webkit-keyframes xmy-anim-1-0{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} 100%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}
@keyframes xmy-anim-1-0{0% {opacity:1;-webkit-transform:scale(1);transform:scale(1)} 100% {opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}
.BASE-anim-1{
    -webkit-animation-name: xmy-anim-1-0;
    animation-name: xmy-anim-1-0;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.3s;
    animation-duration:0.3s
}
/*打开*/
@-webkit-keyframes xmy-anim-2-0{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)} 100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes xmy-anim-2-0{0% {opacity:0;-webkit-transform:scale(.5);transform:scale(.5)} 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.BASE-anim-2{
    -webkit-animation-name: xmy-anim-2-0;
    animation-name: xmy-anim-2-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration:.3s;
    animation-duration:.3s
}
/* 下降 */
@-webkit-keyframes BASE-anim-3-0{0%{top:46%;opacity:0;} 100%{top:50%;opacity:1;}}
@keyframes BASE-anim-3-0{0%{top:46%;opacity:0;} 100%{top:50%;opacity:1;}}
.BASE-anim-3{
    -webkit-animation-name:BASE-anim-3-0;
    animation-name:BASE-anim-3-0;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.3s;
    animation-duration:0.3s;
}
/* 上升 */
@-webkit-keyframes BASE-anim-4-0{0%{top:50%;opacity:1;} 100%{top:46%;opacity:0;}}
@keyframes BASE-anim-4-0{0%{top:50%;opacity:1;} 100%{top:46%;opacity:0;}}
.BASE-anim-4{
    -webkit-animation-name: BASE-anim-4-0;
    animation-name: BASE-anim-4-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}
/*透明度显示*/
@-webkit-keyframes BASE-anim-5-0{0%{opacity:0;} 100%{opacity:1;}}
@keyframes BASE-anim-5-0{0%{opacity:0;} 100%{opacity:1;}}
.BASE-anim-5{
    -webkit-animation-name: BASE-anim-5-0;
    animation-name: BASE-anim-5-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}
/*透明度不显示*/
@-webkit-keyframes BASE-anim-6-0{0%{opacity:1;} 100%{opacity:0;}}
@keyframes BASE-anim-6-0{0%{opacity:1;} 100%{opacity:0;}}
.BASE-anim-6{
    -webkit-animation-name: BASE-anim-6-0;
    animation-name: BASE-anim-6-0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

/*透明度和位置*/
@-webkit-keyframes BASE-anim-7-0{from{-webkit-transform:translate3d(0,15px,0);opacity:.3} to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes BASE-anim-7-0{from{transform:translate3d(0,15px,0);opacity:.3} to{transform:translate3d(0,0,0);opacity:1}}
.BASE-anim-7{
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-name: BASE-anim-7-0;
    animation-name:BASE-anim-7-0;
}

/**
 * input ----------------------------------------------------------------------
 * 输入框
 * **/
.BASE-input{position:relative;width:100%;height:100%;}
.BASE-input svg{vertical-align:middle;}
.BASE-input input{width:100%;height:100%;}
.BASE-input span{position:absolute;}
.BASE-input .unit{display:flex;align-items:center;flex-direction:column;justify-content:center;}
.BASE-input .up,
.BASE-input .down{display:flex;align-items:center;flex-direction:column;justify-content:center;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;}
.BASE-input .up .fill,
.BASE-input .down .fill{transition:all .3s;-webkit-transition:all .3s;}
.BASE-input{cursor:ew-resize;}
/*移动光标样式*/
.dragCursor{width:30px;height:16px;border-radius:10px;position:fixed;z-index:1000;opacity:0;pointer-events:none;font-size:0px;line-height:16px;}
.dragCursor img{width:100%;vertical-align:middle;height:100%;}
/*样式1*/
.BASE-input.BASE-input-1 input{border:1px solid #DDD;border-radius:4px;padding:0px 44px 0px 8px;transition:all .3s;-webkit-transition:all .3s;}
.BASE-input.BASE-input-1 .unit{font-size:12px;color:#8C8C8C;width:24px;top:0px;bottom:1px;right:20px;}
.BASE-input.BASE-input-1 .up{top:1px;right:1px;height:calc(50% - 3px);width:20px;background-color:#F0F0F0;border-radius:0px 3px 0px 0px;}
.BASE-input.BASE-input-1 .up:hover{background-color:#D9D9D9;}
.BASE-input.BASE-input-1 .up:active{background-color:#E8E8E8;}
.BASE-input.BASE-input-1 .up .fill{fill:#575757;}
.BASE-input.BASE-input-1 .down{bottom:1px;right:1px;height:calc(50% - 3px);width:20px;background-color:#F0F0F0;border-radius:0px 0px 3px 0px;}
.BASE-input.BASE-input-1 .down:hover{background-color:#D9D9D9;}
.BASE-input.BASE-input-1 .down:active{background-color:#E8E8E8;}
.BASE-input.BASE-input-1 .down .fill{fill:#575757;}
.BASE-input.BASE-input-1 .up.none,
.BASE-input.BASE-input-1 .down.none{cursor:no-drop;background-color:#F0F0F0;}
.BASE-input.BASE-input-1 .up.none .fill,
.BASE-input.BASE-input-1 .down.none .fill{fill:#d9d9d9;}
.BASE-input.BASE-input-1 .drag{top:1px;bottom:1px;left:1px;right:20px;}
.BASE-input.BASE-input-1:hover input{border-color:#30B28D;}
.BASE-input.BASE-input-1 input:focus{border-color:#30B28D;}
/*样式2*/
.BASE-input.BASE-input-2 input{border:1px solid #DDD;border-radius:4px;padding:0px 24px 0px 8px;transition:all .3s;-webkit-transition:all .3s;}
.BASE-input.BASE-input-2 .unit{font-size:12px;color:#8C8C8C;width:24px;top:0px;bottom:1px;right:0px;}
.BASE-input.BASE-input-2 .up{display:none;}
.BASE-input.BASE-input-2 .down{display:none;}
.BASE-input.BASE-input-2 .drag{top:1px;bottom:1px;left:1px;right:1px;}
.BASE-input.BASE-input-2:hover input{border-color:#30B28D;}
.BASE-input.BASE-input-2 input:focus{border-color:#30B28D;}
/*样式3*/
.BASE-input.BASE-input-3 input{border:1px solid #DDD;border-radius:4px;padding:0px 24px 0px 8px;transition:all .3s;-webkit-transition:all .3s;}
.BASE-input.BASE-input-3 .unit{display:none;}
.BASE-input.BASE-input-3 .up{top:1px;right:1px;height:calc(50% - 1px);width:20px;background-color:#F0F0F0;border-radius:0px 4px 0px 0px;}
.BASE-input.BASE-input-3 .up:hover{background-color:#D9D9D9;}
.BASE-input.BASE-input-3 .up:active{background-color:#E8E8E8;}
.BASE-input.BASE-input-3 .up .fill{fill:#575757;}
.BASE-input.BASE-input-3 .down{bottom:1px;right:1px;height:calc(50% - 1px);width:20px;background-color:#F0F0F0;border-radius:0px 0px 4px 0px;}
.BASE-input.BASE-input-3 .down:hover{background-color:#D9D9D9;}
.BASE-input.BASE-input-3 .down:active{background-color:#E8E8E8;}
.BASE-input.BASE-input-3 .down .fill{fill:#575757;}
.BASE-input.BASE-input-3 .up.none,
.BASE-input.BASE-input-3 .down.none{cursor:no-drop;background-color:#F0F0F0;}
.BASE-input.BASE-input-3 .up.none .fill,
.BASE-input.BASE-input-3 .down.none .fill{fill:#d9d9d9;}
.BASE-input.BASE-input-3 .drag{top:1px;bottom:1px;left:1px;right:20px;}
.BASE-input.BASE-input-3:hover input{border-color:#30B28D;}
.BASE-input.BASE-input-3 input:focus{border-color:#30B28D;}
/*样式4*/
.BASE-input.BASE-input-4 input{border:1px solid #DDD;border-radius:4px;padding:0px 8px;transition:all .3s;-webkit-transition:all .3s;}
.BASE-input.BASE-input-4 .unit{display:none;}
.BASE-input.BASE-input-4 .up{display:none;}
.BASE-input.BASE-input-4 .down{display:none;}
.BASE-input.BASE-input-4 .drag{top:1px;bottom:1px;left:1px;right:1px;}
.BASE-input.BASE-input-4:hover input{border-color:#30B28D;}
.BASE-input.BASE-input-4 input:focus{border-color:#30B28D;}


/**
 * Loading ----------------------------------------------------------------------
 * 加载
 * **/
.BASE-Load{position:fixed;z-index:999999999;top:0px;left:0px;width:100%;height:100%;}
.BASE-Load-shade{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.BASE-Load-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
/*样式1*/
.BASE-Load-1 .BASE-Load-shade{background-color:#00000033;}
.BASE-Load-1 .BASE-Load-content .p1{height:80px;width:80px;text-align:center;line-height:80px;margin:0 auto;}
.BASE-Load-1 .BASE-Load-content .p1 img{max-width:100%;max-height:100%;}
.BASE-Load-1 .BASE-Load-content .p2{text-align:center;margin:10px auto 0px;color:#000;}






/**
 * msg ----------------------------------------------------------------------
 * 弹出提示
 * **/
.BASE-msg{
    position:fixed;
    z-index:10000;
    top:50%;
    min-width: 140px;
    opacity:0;
    border-radius: 10px;
    background: #333;
    transform: translateY(-50%);
    padding: 34px 0 30px;
    max-width: 80%;
}
.BASE-msg .p1{ width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;margin: 0 auto 10px;}
.BASE-msg .p2{color: #FFF;font-size: 20px;line-height: 30px;text-align: center;padding: 0 14px;word-break: break-all;}





/**
 * pop ----------------------------------------------------------------------
 * 弹窗
 * **/
.BASE-layer{position:fixed;width:100%;height:100%;top:0px;left:0px;}
.BASE-layer-shade{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.BASE-layer-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.BASE-layer-title svg{vertical-align:middle;margin:0px 4px;}
.BASE-layer-anim{width:100%;height:100%;position:relative;}
.BASE-layer-close svg{vertical-align:middle;}
.BASE-layer-close .stroke{transition:all .3s;-webkit-transition:all .3s;}
.BASE-layer-foot p{display:inline-block;vertical-align:middle;cursor:pointer;text-align:center;transition:all .3s;-webkit-transition:all .3s;}
/*普通弹窗皮肤1*/
.BASE-layer-1 .BASE-layer-shade{background-color:#00000080;}
.BASE-layer-1 .BASE-layer-anim{
    background-color:#FFF;
    border-radius:6px;
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.15);
    display:flex;
    justify-content: space-between;
    flex-direction:column;
}
.BASE-layer-1 .BASE-layer-title{font-size:16px;font-weight:500;height:50px;line-height:30px;padding:10px 20px 0px 20px;}
.BASE-layer-1 .BASE-layer-close{width:30px;height:30px;line-height:30px;font-size:0px;text-align:center;position:absolute;cursor:pointer;top:10px;right:10px;}
.BASE-layer-1 .BASE-layer-close .stroke{stroke:#d9d9d9;}
.BASE-layer-1 .BASE-layer-close:hover .stroke{stroke:#8C8C8C;}
.BASE-layer-1 .BASE-layer-close:active .stroke{stroke:#8C8C8C;}
.BASE-layer-1 .BASE-layer-content{flex:1;width:100%;}
.BASE-layer-1 .BASE-layer-foot{font-size:0px;height:60px;padding:10px 26px 14px;}
.BASE-layer-1 .BASE-layer-foot p{border-radius:60px;font-size:14px;padding:0px 20px;margin-left:26px;line-height:36px;}
.BASE-layer-1 .BASE-layer-foot p:first-child{margin-left:0px;}
.BASE-layer-1 .BASE-layer-foot .type1{border:1px solid #D9D9D9;line-height:34px;}
.BASE-layer-1 .BASE-layer-foot .type1:hover{border-color:#8C8C8C;background-color:#FFFFFF;}
.BASE-layer-1 .BASE-layer-foot .type1:active{border-color:#30B28D;color:#30B28D;}
.BASE-layer-1 .BASE-layer-foot .type2{line-height:36px;background-color:#30B28D;color:#FFFFFF;}
.BASE-layer-1 .BASE-layer-foot .type2:hover{background-color:#30B28D;}
.BASE-layer-1 .BASE-layer-foot .type2:active{background-color:#30B28D;}
.BASE-layer-1 .BASE-layer-foot .type3{line-height:36px;background-color:#F49700;color:#E9F2FF;}
.BASE-layer-1 .BASE-layer-foot .type3:hover{background-color:rgba(255, 164, 18, 0.80);}
.BASE-layer-1 .BASE-layer-foot .type3:active{background-color:#F49700;}
.BASE-layer-1 .BASE-layer-foot .type4{border:1px solid #D9D9D9;line-height:34px;color:#333333;}
.BASE-layer-1 .BASE-layer-foot .type4:hover{background-color:rgba(255, 164, 18, 0.10);color: rgba(255, 164, 18, 0.80);}
.BASE-layer-1 .BASE-layer-foot .type4:active{background-color:rgba(255, 164, 18, 0.30);color: #F49700;}

/*iframe弹窗皮肤1*/
.BASE-iframe-1 .BASE-layer-shade{background-color:#00000080;}
.BASE-iframe-1 .BASE-layer-anim{
    background-color:#FFFFFF;
    border-radius:6px;
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.15);
    display: flex;
    justify-content: space-between;
    flex-direction:column;
    overflow:hidden;
}
.BASE-iframe-1 .BASE-layer-title{font-size:16px;font-weight:500;height:50px;line-height:30px;padding:10px 50px 0px;text-align:center;}
.BASE-iframe-1 .BASE-layer-close{width:30px;height:30px;line-height:30px;font-size:0px;text-align:center;position:absolute;cursor:pointer;top:10px;right:10px;}
.BASE-iframe-1 .BASE-layer-close .stroke{stroke:#d9d9d9;}
.BASE-iframe-1 .BASE-layer-close:hover .stroke{stroke:#8C8C8C;}
.BASE-iframe-1 .BASE-layer-close:active .stroke{stroke:#8C8C8C;}
.BASE-iframe-1 .BASE-layer-content{flex:1;width:100%}
.BASE-iframe-1 .BASE-layer-content iframe{width:100%;height:100%;}
.BASE-iframe-1 .BASE-layer-foot{font-size:0px;height:60px;padding:10px 26px 14px;}
.BASE-iframe-1 .BASE-layer-foot p{border-radius:60px;font-size:14px;padding:0px 20px;margin-left:26px;line-height:36px;}
.BASE-iframe-1 .BASE-layer-foot p:first-child{margin-left:0px;}
.BASE-iframe-1 .BASE-layer-foot .type1{border:1px solid #D9D9D9;line-height:34px;}
.BASE-iframe-1 .BASE-layer-foot .type1:hover{border-color:#8C8C8C;background-color:#FFFFFF;}
.BASE-iframe-1 .BASE-layer-foot .type1:active{border-color:#0064F0;color:#0064F0;}
.BASE-iframe-1 .BASE-layer-foot .type2{line-height:36px;background-color:#1D7BFF;color:#FFFFFF;}
.BASE-iframe-1 .BASE-layer-foot .type2:hover{background-color:#599EFF;}
.BASE-iframe-1 .BASE-layer-foot .type2:active{background-color:#0064F0;}
.BASE-iframe-1 .BASE-layer-foot .type3{line-height:36px;background-color:#F49700;color:#E9F2FF;}
.BASE-iframe-1 .BASE-layer-foot .type3:hover{background-color:rgba(255, 164, 18, 0.80);}
.BASE-iframe-1 .BASE-layer-foot .type3:active{background-color:#F49700;}
.BASE-iframe-1 .BASE-layer-foot .type4{border:1px solid #D9D9D9;line-height:34px;color:#333333;}
.BASE-iframe-1 .BASE-layer-foot .type4:hover{background-color:rgba(255, 164, 18, 0.10);color: rgba(255, 164, 18, 0.80);}
.BASE-iframe-1 .BASE-layer-foot .type4:active{background-color:rgba(255, 164, 18, 0.30);color: #F49700;}



/**
 * bubble ----------------------------------------------------------------------
 * 气泡弹窗
 * **/
.BASE-bubble{position:fixed;z-index:1000;}
.BASE-bubble-anim{
    background-color:#FFF;
    border-radius:6px;
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.15);
    width:100%;
    height:100%;
    position:relative;
    padding:16px;
    display:flex;
    justify-content: space-between;
    flex-direction:column;
}
.BASE-bubble-title{font-size:13px;height:20px;line-height:20px;color:#8c8c8c;}
.BASE-bubble-close{width:20px;height:20px;line-height:20px;font-size:0px;text-align:center;position:absolute;cursor:pointer;right:10px;}
.BASE-bubble-close svg{vertical-align:middle;}
.BASE-bubble-close .stroke{stroke:#d9d9d9;transition:all .3s;-webkit-transition:all .3s;}
.BASE-bubble-close:hover .stroke{stroke:#8C8C8C;}
.BASE-bubble-close:active .stroke{stroke:#8C8C8C;}
.BASE-bubble-content{flex:1;}
.BASE-bubble-triangle{position:absolute;width:0px;height:0px;border-width:8px;border-style:solid;border-color:transparent;}
.BASE-bubble-btn{font-size:0px;height:28px;}
.BASE-bubble-btn p{
    display:inline-block;
    vertical-align:middle;
    border-radius:4px;
    cursor:pointer;
    text-align:center;
    font-size:14px;
    padding:0px 8px;
    margin-left:8px;
    line-height:26px;
    border:1px solid transparent;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.BASE-bubble-btn p:first-child{margin-left:0px;}
.BASE-bubble-btn .type1{border-color:#D9D9D9;background-color:#FFFFFF;}
.BASE-bubble-btn .type1:hover{border-color:#8C8C8C;}
.BASE-bubble-btn .type1:active{border-color:#0064F0;color:#0064F0;}
.BASE-bubble-btn .type2{background-color:#1D7BFF;color:#FFFFFF;}
.BASE-bubble-btn .type2:hover{background-color:#599EFF;}
.BASE-bubble-btn .type2:active{background-color:#0064F0;}
.BASE-bubble-btn .type3{background-color:#F49700;color:#E9F2FF;}
.BASE-bubble-btn .type3:hover{background-color:rgba(255, 164, 18, 0.80);}
.BASE-bubble-btn .type3:active{background-color:#F49700;}
.BASE-bubble-btn .type4{border-color:#D9D9D9;}
.BASE-bubble-btn .type4:hover{background-color:rgba(255, 164, 18, 0.10);color:rgba(255, 164, 18, 0.80);}
.BASE-bubble-btn .type4:active{background-color:rgba(255, 164, 18, 0.30);color: #F49700;}



/**
 * switch ----------------------------------------------------------------------
 * 开关
 * **/
.BASE-switch{position:relative;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;border-radius:1000px;}
.BASE-switch-item1{border-radius:200px;position:absolute;transition:all .3s;-webkit-transition:all .3s;top:2px;}
.BASE-switch-item2{position:absolute;transition:all .3s;-webkit-transition:all .3s;top:2px;}
.BASE-switch-item3{position:absolute;transition:all .3s;-webkit-transition:all .3s;top:2px;}
.BASE-switch-on .BASE-switch-item2{opacity:1;}
.BASE-switch-on .BASE-switch-item3{opacity:0;}
.BASE-switch-off .BASE-switch-item2{opacity:0;}
.BASE-switch-off .BASE-switch-item3{opacity:1;}
/*样式1*/
.BASE-switch-1.BASE-switch-on{border:1px solid #30B28D;background-color:#30B28D;}
.BASE-switch-1.BASE-switch-off{border:1px solid #DDDDDD;background-color:#ffffff;}
.BASE-switch-1.BASE-switch-on .BASE-switch-item1{background-color:#ffffff;}
.BASE-switch-1.BASE-switch-off .BASE-switch-item1{background-color:#DDDDDD;}
.BASE-switch-1 .BASE-switch-item2{font-size:14px;color:#ffffff;left:6px;}
.BASE-switch-1 .BASE-switch-item3{font-size:14px;color:#999999;right:6px;}
/*样式1*/
.BASE-switch-2.BASE-switch-on{border:1px solid #ff9600;background-color:#ff9600;}
.BASE-switch-2.BASE-switch-off{border:1px solid #e0e0e0;background-color:#ffffff;}
.BASE-switch-2.BASE-switch-on .BASE-switch-item1{background-color:#ffffff;}
.BASE-switch-2.BASE-switch-off .BASE-switch-item1{background-color:#e0e0e0;}
.BASE-switch-2 .BASE-switch-item2{font-size:14px;color:#ffffff;left:6px;}
.BASE-switch-2 .BASE-switch-item3{font-size:14px;color:#d9d9d9;right:6px;}



/**
 * select ----------------------------------------------------------------------
 * 下拉弹窗动画背景
 * **/
.BASE-select{
    position:fixed;
    overflow:hidden;
    opacity:0;
    height:0px;
    transition:all .4s;
    -webkit-transition:all .4s;
    z-index:1000;
}
.BASE-select svg{vertical-align:middle;}
.BASE-select-copy1{
    position:fixed;
    overflow:hidden;
    opacity:0;
    height:0px;
    transition:all .4s;
    -webkit-transition:all .4s;
    z-index:1000;
}
/*样式0 无底色*/
.BASE-select-0{
    background-color: rgba(255, 255, 255, 0) !important;
    border-radius:6px;
    border:0px solid rgba(0,0,0,0)  !important;
    box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0), 0px 8px 10px 1px rgba(0, 0, 0, 0), 0px 3px 14px 2px rgba(0, 0, 0, 0) !important;
}
/*样式1*/
.BASE-select-1{
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
}



/*分页*/
.BASE-page{font-size:0px;}
.BASE-page span{display:inline-block;vertical-align:middle;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.BASE-page input{display:inline-block;vertical-align:middle;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.BASE-page svg{vertical-align:middle;}
.BASE-page .fill{transition:all 0.3s;-webkit-transition:all 0.3s;}
.BASE-page .stroke{transition:all 0.3s;-webkit-transition:all 0.3s;}
/*样式1*/
.BASE-page-1 span{font-size:14px;line-height:26px;height:28px;padding:0px 8px;margin:0px 2px;border-radius:2px;min-width:32px;}
.BASE-page-1 input{border:1px solid #e2e4e6;height:28px;font-size:14px;margin:0px 2px;width:50px;border-radius:2px;}
.BASE-page-1 input:hover{border-color:#D9D9D9;}
.BASE-page-1 input:focus{border-color:#1D7BFF;}
.BASE-page-1 .BASE-page-list{border:1px solid #e2e4e6;cursor:pointer;color:#333;}
.BASE-page-1 .BASE-page-list .fill{fill:#575757;}
.BASE-page-1 .BASE-page-list .stroke{stroke:#575757}
.BASE-page-1 .BASE-page-list:hover{border-color:#1D7BFF;color:#1D7BFF;color:#1D7BFF;}
.BASE-page-1 .BASE-page-list:hover .fill{fill:#1D7BFF;}
.BASE-page-1 .BASE-page-list:hover .stroke{stroke:#1D7BFF;}
.BASE-page-1 .BASE-page-list .BASE-page-svg1{display:inline-block;}
.BASE-page-1 .BASE-page-list .BASE-page-svg2{display:none;}
.BASE-page-1 .BASE-page-list:hover .BASE-page-svg1{display:none;}
.BASE-page-1 .BASE-page-list:hover .BASE-page-svg2{display:inline-block;}
.BASE-page-1 .BASE-page-act{background-color:#1D7BFF;border:1px solid #1D7BFF;color:#FFF;cursor:default;}
.BASE-page-1 .BASE-page-none{border:1px solid #F2F2F2;color:#D9D9D9;}
.BASE-page-1 .BASE-page-none .fill{fill:#D9D9D9;}
.BASE-page-1 .BASE-page-none .stroke{stroke:#D9D9D9}
.BASE-page-1 .BASE-page-skip{border:1px solid #e2e4e6;cursor:pointer;color:#333;}
.BASE-page-1 .BASE-page-skip .fill{fill:#575757;}
.BASE-page-1 .BASE-page-skip .stroke{stroke:#575757}
.BASE-page-1 .BASE-page-skip:hover{border-color:#30B28D;color:#30B28D;color:#30B28D;}
.BASE-page-1 .BASE-page-skip:hover .fill{fill:#30B28D;}
.BASE-page-1 .BASE-page-skip:hover .stroke{stroke:#30B28D;}


/* 返回按钮 */
.BASE-return{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    background: #30B28D;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: var(--anims03);
    color: #ffffff;
    position: fixed;
    right: 20px;
    bottom: 40px;
    line-height: 18px;
    z-index: 999;
}

.BASE_popBom_box{position: fixed;top: 0; left: 0; width: 100%; height: 100%;z-index: 999;}
.BASE_popBom_bg{width: 100%; height: 100%; background: rgba(51, 51, 51, 0.40);opacity: 0;transition: all 300ms;}

.BASE_popBom{position: absolute;left: 0;bottom: -100%;transition: all 300ms;width: 100%;background-color: #ffffff;border-radius: 8px 8px 0 0;}
.BASE_popBom_tit{
    font-size:14px;
    font-weight: 500;
    color: #333333;
    text-align:center;
    height:60px;
    line-height:60px;
}

.BASE_popBom_box.add .BASE_popBom{bottom: 0;}
.BASE_popBom_box.add .BASE_popBom_bg{opacity: 1;}
.BASE_popBom_close{position: absolute;right: 0px;top: 0px;display: flex;align-items: center;justify-content: center;cursor: pointer;width: 60px;height: 60px;}
.BASE_popBom_close span{display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 20px;background: rgba(217, 217, 217, 0.30);padding-top: 2px;}
.BASE_popBom_cont{width: 100%;}




/* 加载动画 */
.BASE_load{position: fixed;width: 100%;height: 100%;z-index: 9999;left: 0;top: 0;}
.BASE_load_box{width: 200px;height: 135px;border-radius: 10px;background: #333;padding-top: 28px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

/* 定义无限旋转动画 */
@keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.BASE_load .p1{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.BASE_load .p1 img{width: 100%;}
.BASE_load .p2{text-align: center;color: #ffffff;width: 100%;margin-top: 10px;color: #FFF;font-size: 20px;font-weight: 500;line-height: 22px;}
.BASE_load.add .p1{animation: rotate 1s linear infinite;}



/**
 * date ----------------------------------------------------------------------
 * 时间日期选择
 * **/
.BASE-date{
    width:270px;
    background-color:#FFF;
    border-radius:6px;
    overflow:hidden;
    color:#888888;
    position:fixed;
    z-index:99999999;
    box-shadow:0px 2px 4px rgba(0, 0, 0,0.1);
}
.BASE-date svg{vertical-align:middle;}
/*头部*/
.BASE-date-A{height:40px;background-color:#F6F6F6;}
.BASE-date-A p{height:28px;line-height:28px;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;padding:0px 10px;font-size:0px;}
.BASE-date-A p span{font-size:14px;}
.BASE-date-A p .stroke{stroke:#aaaaaa;transition:all .3s;-webkit-transition:all .3s;}
.BASE-date-A p:hover{color:#30b28d;}
.BASE-date-A p:hover .stroke{stroke:#30b28d;}
.BASE-date-A div{display:flex;align-items:center;justify-content:center;height:100%;}
/*中间*/
.BASE-date-B{height:250px;}
/*底部*/
.BASE-date-C{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0px 10px;background-color:#F6F6F6;}
.BASE-date-C .btn{
    height:28px;
    border:1px solid #D9D9D9;
    line-height:26px;
    font-size:12px;
    border-radius:4px;
    background-color:#FFFFFF;
    cursor:pointer;
    text-align:center;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.BASE-date-C .btn:hover{background-color:#F0F0F0;color:#30b28d;border-color:#30b28d;}
.BASE-date-Ca{width:70px;}
.BASE-date-Ca .sp2{display:none;}
.BASE-date-Ca.act .sp1{display:none;}
.BASE-date-Ca.act .sp2{display:block;}
.BASE-date-Ca.act{background-color:#F0F0F0;color:#30b28d;border-color:#30b28d;}
.BASE-date-Ca.act:hover{opacity:0.8;}
.BASE-date-Ca.none{opacity:0;pointer-events:none;}
.BASE-date-Cb{display:flex;align-items:center;}
.BASE-date-Cb p{width:40px;}
.BASE-date-Cb .now{margin:0px 4px;}
/*年份*/
.BASE-date-Ba{height:100%;padding:15px 6px 0px;}
.BASE-date-Ba ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.BASE-date-Ba ul li{width:33.33%;padding:4px;}
.BASE-date-Ba ul li p{height:36px;text-align:center;line-height:36px;border-radius:4px;}
.BASE-date-Ba ul .none p{opacity:0.3;}
.BASE-date-Ba ul .normal p{transition:all .3s;-webkit-transition:all .3s;cursor:pointer;}
.BASE-date-Ba ul .normal p:hover{background-color:#F0F0F0;}
.BASE-date-Ba ul .act p{background-color:#30b28d;color:#FFF;transition:all .3s;-webkit-transition:all .3s;cursor:pointer;}
.BASE-date-Ba ul .act p:hover{background-color:#599EFFFF;}
.BASE-date-Ba ul .act p:active{background-color:#0064F0FF;}
/*月份*/
.BASE-date-Bb{height:100%;padding:18px 6px 0px;}
.BASE-date-Bb ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.BASE-date-Bb ul li{width:25%;padding:18px 6px;}
.BASE-date-Bb ul li p{height:36px;text-align:center;line-height:36px;border-radius:4px;transition:all .3s;-webkit-transition:all .3s;}
.BASE-date-Bb ul .none p{opacity:0.3;}
.BASE-date-Bb ul .normal p{transition:all .3s;-webkit-transition:all .3s;cursor:pointer;}
.BASE-date-Bb ul .normal p:hover{background-color:#F0F0F0;}
.BASE-date-Bb ul .act p{background-color:#30b28d;color:#FFF;transition:all .3s;-webkit-transition:all .3s;cursor:pointer;}
.BASE-date-Bb ul .act p:hover{background-color:#599EFFFF;}
.BASE-date-Bb ul .act p:active{background-color:#0064F0FF;}
/*日期*/
.BASE-date-Bc{height:100%;padding:6px 0px 0px;}
.BASE-date-Bc-1{height:32px;line-height:32px;display:flex;align-items:center;justify-content:space-between;padding:0px 10px;}
.BASE-date-Bc-1 p{width:14.28%;text-align:center;}
.BASE-date-Bc-2{margin-top:10px;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0px 10px;}
.BASE-date-Bc-2 li{width:14.28%;padding:2px;}
.BASE-date-Bc-2 li p{height:28px;line-height:28px;text-align:center;transition:all .3s;-webkit-transition:all .3s;border-radius:4px;}
.BASE-date-Bc-2 .prev p{color:#D9D9D9;cursor:pointer;}
.BASE-date-Bc-2 .prev p:hover{background-color:#F0F0F0;}
.BASE-date-Bc-2 .now p{cursor:pointer;}
.BASE-date-Bc-2 .now p:hover{background-color:#F0F0F0;}
.BASE-date-Bc-2 .next p{color:#D9D9D9;cursor:pointer;}
.BASE-date-Bc-2 .next p:hover{background-color:#F0F0F0;}
.BASE-date-Bc-2 .none p{opacity:0.3;background-color:#EEEEEE;}
.BASE-date-Bc-2 .act.now p{background-color:#30b28d;color:#FFF;}
.BASE-date-Bc-2 .act.none p{opacity:0.3;background-color:#30b28d;color:#FFF;}
/*时间*/
.BASE-date-Bd{height:100%;padding:10px;display:flex;justify-content:space-between;}
.BASE-date-Bd>div{width:30%;text-align:center;}
.BASE-date-Bd--min>div{width:50%;}
.BASE-date--min{width:200px;}
.BASE-date-Bd>div>p{height:20px;line-height:20px;}
.BASE-date-Bd ul{height:200px;overflow-y:auto;margin-top:8px;}
.BASE-date-Bd ul>li{height:32px;line-height:32px;}
.BASE-date-Bd ul>.normal{cursor:pointer;transition:all .3s;-webkit-transition:all .3s;}
.BASE-date-Bd ul>.normal:hover{background-color:#e0e0e0;}
.BASE-date-Bd ul>.act{background-color:#30b28d !important;color:#FFF;}



/*分页*/
.BASE-page{font-size:0px;}
.BASE-page span{display:inline-block;vertical-align:middle;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.BASE-page input{display:inline-block;vertical-align:middle;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.BASE-page svg{vertical-align:middle;}
.BASE-page .fill{transition:all 0.3s;-webkit-transition:all 0.3s;}
.BASE-page .stroke{transition:all 0.3s;-webkit-transition:all 0.3s;}
/*样式1*/
.BASE-page-1 span{font-size:14px;line-height:26px;height:28px;padding:0px 8px;margin:0px 2px;border-radius:2px;min-width:32px;}
.BASE-page-1 input{border:1px solid #e2e4e6;height:28px;font-size:14px;margin:0px 2px;width:50px;border-radius:2px;}
.BASE-page-1 input:hover{border-color:#D9D9D9;}
.BASE-page-1 input:focus{border-color:#30b28d;}
.BASE-page-1 .BASE-page-list{border:1px solid #e2e4e6;cursor:pointer;color:#333;}
.BASE-page-1 .BASE-page-list .fill{fill:#575757;}
.BASE-page-1 .BASE-page-list .stroke{stroke:#575757}
.BASE-page-1 .BASE-page-list:hover{border-color:#30b28d;color:#30b28d;color:#30b28d;}
.BASE-page-1 .BASE-page-list:hover .fill{fill:#30b28d;}
.BASE-page-1 .BASE-page-list:hover .stroke{stroke:#30b28d;}
.BASE-page-1 .BASE-page-list .BASE-page-svg1{display:inline-block;}
.BASE-page-1 .BASE-page-list .BASE-page-svg2{display:none;}
.BASE-page-1 .BASE-page-list:hover .BASE-page-svg1{display:none;}
.BASE-page-1 .BASE-page-list:hover .BASE-page-svg2{display:inline-block;}
.BASE-page-1 .BASE-page-act{background-color:#30b28d;border:1px solid #30b28d;color:#FFF;cursor:default;}
.BASE-page-1 .BASE-page-none{border:1px solid #F2F2F2;color:#D9D9D9;}
.BASE-page-1 .BASE-page-none .fill{fill:#D9D9D9;}
.BASE-page-1 .BASE-page-none .stroke{stroke:#D9D9D9}
.BASE-page-1 .BASE-page-skip{border:1px solid #e2e4e6;cursor:pointer;color:#333;}
.BASE-page-1 .BASE-page-skip .fill{fill:#575757;}
.BASE-page-1 .BASE-page-skip .stroke{stroke:#575757}
.BASE-page-1 .BASE-page-skip:hover{border-color:#30b28d;color:#30b28d;color:#30b28d;}
.BASE-page-1 .BASE-page-skip:hover .fill{fill:#30b28d;}
.BASE-page-1 .BASE-page-skip:hover .stroke{stroke:#30b28d;}


/* 预览弹窗 */
.BASE_YL{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(51, 51, 51, 0.40);display: flex;align-items: center;justify-content: center;padding: 0 10px;}
.BASE_YL_box{width: 100%;}
.BASE_YL_cont{width: 100%;aspect-ratio: 355/628;background-color: #ffffff;border-radius: 10px;overflow: hidden;}
.BASE_YL_cont iframe{width: 100%;height: 100%;border: none;overflow: hidden;background-color: #ffffff;display: block;}

.BASE_YL_btn{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.BASE_YL_btn p{font-size: 14px;height:38px;font-weight: 500;text-align: center;border-radius: 4px;}
.BASE_YL_btn .p1{border: 1px solid #30B28D;color: #30B28D;line-height: 36px;background: #ffffff;width: 80px;}
.BASE_YL_btn .p2{border: 1px solid #30B28D;color: #30B28D;margin: 0 16px;line-height: 36px;background: #ffffff;width: 100px;}
.BASE_YL_btn .p3{border-radius: 4px;background: #30B28D;line-height: 36px;color: #ffffff;width: 130px;}



/*公众号授权*/
.BASE-wechat-add{padding:10px 16px 40px;}
.BASE-wechat-add .p1{color:#8c8c8c;font-size:14px;letter-spacing:1px;text-align:justify;margin-bottom:10px;}
.BASE-wechat-add .p2{color:#FF7D00;font-size:14px;letter-spacing:1px;text-align:justify;margin-bottom:10px;}
.BASE-wechat-add .p3{height:1px;background-color:rgba(217, 217, 217, 0.20);}
.BASE-wechat-add .d1{margin-top:20px;display:flex;align-items:center;justify-content:space-between;}
.BASE-wechat-add .d1 p{
    height:40px;
    width:45%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:16px;
    font-weight:500;
    border-radius:30px;
}
.BASE-wechat-add .d1 .p4{border:1px solid #30B28D;color:#30B28D;}
.BASE-wechat-add .d1 .p5{background-color:#30B28D;color:#FFF;}




/*公众号选择弹窗*/
.BASE-wechat-choose{padding:0px 10px 44px;overflow-x:hidden;}
.BASE-wechat-choose-overflow{overflow-y:auto;height:360px;}
.BASE-wechat-choose-tit1{height:20px;line-height:20px;color:#8C8C8C;font-size:14px;font-weight:500;}
.BASE-wechat-choose-tit2{height:20px;line-height:20px;color:#8C8C8C;font-size:14px;font-weight:500;margin-top:20px;}
.BASE-wechat-choose-list{
    height:65px;
    padding:0px 10px;
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(217, 217, 217, 0.20);
}
.BASE-wechat-choose-list .p1{width:36px;height:36px;flex:0 0 auto;margin-right:10px;}
.BASE-wechat-choose-list .p1 img{width:100%;height:100%;border-radius:100%;}
.BASE-wechat-choose-list .p2{height:36px;line-height:36px;color:#333;font-size:16px;font-weight:500;}
.BASE-wechat-choose-none{
    height:65px;
    padding:0px 10px;
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(217, 217, 217, 0.20);
}
.BASE-wechat-choose-none .p1{height:36px;width:36px;flex:0 0 auto;align-items:center;justify-content:center;margin-right:10px;}
.BASE-wechat-choose-none .p2{height:36px;line-height:36px;color:#8C8C8C;font-size:16px;font-weight:500;}





/*底部导航*/
.footer{
    position:fixed;
    z-index:20;
    bottom:0px;
    left:0px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 9px 11px;
}
.footer li{width:100%;display:flex;justify-content:center;align-items:center;}
.footer .p1{width:24px;height:24px;margin:0 auto;text-align:center;line-height:24px;}
.footer .p1 img{display:inline-block;vertical-align:middle;}
.footer .p2{
    color: #333;
    text-align:center;
    font-size:14px;
    height:18px;
    line-height:18px;
    margin-top:6px;
    font-weight:400;
}
.footer li.act .p2{color:#30B28D;}
.footer li.act .act-con{width:50px;height:50px;background:linear-gradient(315deg, #30B28D 0%, #5AEBB6 100%);color:#FFF;display:flex;justify-content:center;align-items:center;border-radius:50%;}
.footer li.act .act-con.home img{width:24px;}
.footer li.act .act-con.temp img{width:28px;}
.footer li.act .act-con.mine img{width:27px;}





/*提示信息*/
.xmy-poptips{width:100%;height:100%;padding:20px 25px;}
.xmy-poptips .p1{text-align:center;color:#333;font-size:16px;font-weight:500;height:24px;line-height:24px;}
.xmy-poptips .p2{margin-top:16px;color: #333;text-align: center;font-size: 14px;font-weight: 400;line-height:20px;}
.xmy-poptips .d1{margin-top:16px;display: flex;align-items:center;justify-content:space-between;gap:20px;}
.xmy-poptips .d1 p{
    height:36px;
    width:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    border-radius:60px;
    cursor:pointer;
}
.xmy-poptips .p3{border:1px solid #D9D9D9;color:#333;}
.xmy-poptips .p4{background-color:#30B28D;color:#fff;}





/* 二维码弹窗 */
.BASE-ewm-layer .BASE-layer-anim{border-radius:0px;background-color:rgba(255,255,255,0);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);}
.BASE-ewm-view{background-color:#fff;border-radius:8px;padding:20px;box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);}
.BASE-ewm .p1{color: #333;text-align:center;font-size:16px;font-weight:500;line-height:20px;}
.BASE-ewm .p2{
	width:200px;
    height:200px;
	text-align:center;
	border-radius: 8px;
	border:1px solid #d9d9d9;
	margin:20px auto;
	padding:20px;
}
.BASE-ewm .p2 img{width:100%;-webkit-touch-callout: default;user-select: auto;}
.BASE-ewm .p3{color:#8C8C8C;text-align: center;font-size: 14px;font-weight: 400;line-height:20px;margin-top:16px;}
.BASE-ewm-btn{display: flex;align-items: center;justify-content: center;gap: 20px;}
.BASE-ewm-btn1{border-radius: 60px;border: 1px solid #30B28D;background: #FFF;font-size: 14px;font-weight: 500;text-align: center;line-height: 34px;color: #30B28D;}
.BASE-ewm-btn2{border-radius: 60px;background-color:  #30B28D;font-size: 14px;font-weight: 500;text-align: center;line-height: 36px;color: #ffffff;}

.BASE-ewm .p5{width:60px;height:60px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;}

.BASE-tplIcon-text{text-align:center;font-size:14px;color:#333333;margin-top: 4px;font-weight: 400;padding:20px 20px 16px;line-height:21px;}
.BASE-tplIcon-text svg{margin: 0 3px -4px 3px;}
.BASE-tplIcon .BASE-layer-foot{padding: 0px 26px 16px;}
.BASE-tplIcon .BASE-layer-foot p{width: 110px;text-align: center;border-radius: 60px;}



.BASE-fish p{
    position:relative;
    background-image:url(/aiquick/assets/svg/fish.svg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    height:100%;
}