body,html{
    height:100%;
    width:100%;
    font-size:14px;
    position:relative;
    color:#333;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
*{margin:0;padding:0;box-sizing:border-box;}
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;}



/**
 * root ----------------------------------------------------------------------
 * 颜色
 * **/
:root{
    /* 主色系-蓝 */
    --blue01:#E9F2FFFF;
    --blue02:#BCD8FFFF;
    --blue03:#A4CAFFFF;
    --blue04:#77B0FFFF; /* 禁用 */
    --blue05:#599EFFFF; /* 悬停 */
    --blue06:#1D7BFFFF; /* 默认 */
    --blue07:#1677FFFF;
    --blue08:#0064F0FF; /* 点击 */
    --blue09:#0056CFFF;
    --blue10:#004CB6FF;
    --blue11:#003887FF;


    /* 白-黑 */
    --gray01:#FFFFFFFF; /* 白色 */
    --gray02:#F9F9F9FF; /* 七级灰 */
    --gray03:#F2F2F2FF; /* 默认灰 */
    --gray04:#F6FAFFFF; /* 五级灰 */
    --gray05:#F4F6F8FF; /* 四级灰 */
    --gray06:#EDEEF1FF; /* 三级灰 */
    --gray07:#E8E8E8FF; /* 悬停灰 */
    --gray08:#D9D9D9FF; /* 一级灰 */
    --gray09:#8C8C8CFF; /* 灰色 */
    --gray10:#575757FF; /* 深灰色 */
    --gray11:#3F3F3FFF; /* 次要文字 */
    --gray12:#333333FF; /* 正文 */
    --gray13:#000000FF; /* 黑色 */
    --gray14:#F0F0F0FF; /* 黑色 */
    --gray15:#0000004D; /* 黑色-0.3 */
    --gray16:#FFFFFF4D; /* 白色-0.3 */
    --gray17:#FFFFFF00; /* 透明-0 */


    /* 参考线 line */
    --line01:#FF38A4FF; /* 默认梅红 */
    --line02:#FEC713FF; /* 默认黄 */
    --line03:#30B28DFF; /* 点击/选中 */
    --line04:#E7258EFF; /* 等距色块底色 */


    /* 收藏 coll */
    --coll01:#FFAE10FF; /* 默认梅红 */

    /* 成功 sucs */
    --sucs01:#2FB38DFF; /* 默认-1*/
    --sucs02:#2FB38DCC; /* 悬停-0.8 */
    --sucs03:#1CA47DFF; /* 点击-1.0 */
    --sucs04:#1A2FB38D; /* 取消悬停背景-0.1 */
    --sucs05:#4D2FB38D; /* 取消悬停描边-0.3 */

    /* 警示 warn */
    --warn01:#FFA412FF; /* 默认-1.0 */
    --warn02:#FFA412CC; /* 悬停-0.8 */
    --warn03:#F49700FF; /* 点击-1.0 */
    --warn04:#FFA4121A; /* 取消悬停背景-0.1 */
    --warn05:#FFA4124D; /* 取消悬停描边-0.3 */

    /* 危险 dger */
    --dger01:#F0382DFF; /* 默认-1.0 */
    --dger02:#F0382DCC; /* 悬停-0.8 */
    --dger03:#DD271DFF; /* 点击-1.0 */
    --dger04:#F0382D1A; /* 取消悬停背景-0.1 */
    --dger05:#F0382D4D; /* 取消悬停描边-0.3 */

    /* 动画时间 */
    --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;
    
    /* 阴影 */
    --shadow01:0px 0px 10px rgba(0,0,0,0.08);
    --shadow02:2px 2px 5px 0px rgba(0,0,0,0.08);
    --shadow03:0px 2px 12px 0px rgba(0,0,0,0.08);
}



/**
 * 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 ----------------------------------------------------------------------
 * 滚动条
 * **/
/*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;}



/**
 * 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:#1D7BFF;}
.BASE-input.BASE-input-1 input:focus{border-color:#1D7BFF;}
/*样式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:#1D7BFF;}
.BASE-input.BASE-input-2 input:focus{border-color:#1D7BFF;}
/*样式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:#1D7BFF;}
.BASE-input.BASE-input-3 input:focus{border-color:#1D7BFF;}
/*样式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:#1D7BFF;}
.BASE-input.BASE-input-4 input:focus{border-color:#1D7BFF;}



/**
 * 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;}




/**
 * sliderLeft ----------------------------------------------------------------------
 * 拖拽进度条-左→右
 * **/
.BASE-sliderLeft{height:8px;border-radius:32px;position:relative;cursor:pointer;width:100%;}
.BASE-sliderLeft-bar{height:100%;border-radius:30px;pointer-events:none;}
.BASE-sliderLeft-btn{
    width:18px;
    height:18px;
    position:absolute;
    left:0px;
    top:50%;
    transform:translate(0,-50%);
    border-radius:50%;
    cursor:pointer;
    transition:box-shadow .3s;
    -webkit-transition:box-shadow .3s;
}
.BASE-sliderLeft-tip{
    position:absolute;
    height:30px;
    line-height:30px;
    background-color:#575757;
    color:#FFF;
    padding:0px 10px;
    border-radius:4px;
    transform: translateX(-50%);
    top:-52px;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s;
    -webkit-transition:opacity .3s;
}
.BASE-sliderLeft-tip:after{
    content:"";
    position:absolute;
    border-width:6px;
    border-style:solid;
    border-color:#575757 transparent transparent transparent;
    bottom:-12px;
    left:50%;
    transform: translateX(-50%);
}
.BASE-sliderLeft-btn:hover + .BASE-sliderLeft-tip{opacity:1 !important;}
/*样式1*/
.BASE-sliderLeft-1{background-color:#D9D9D9FF;}
.BASE-sliderLeft-1 .BASE-sliderLeft-bar{background-color:#1D7BFF;}
.BASE-sliderLeft-1 .BASE-sliderLeft-btn{background-color:#FFFFFFFF;border:1px solid #8C8C8CFF;}
.BASE-sliderLeft-1 .BASE-sliderLeft-btn:hover{box-shadow:0px 0px 0px 8px rgba(51,51,51,0.1);}
.BASE-sliderLeft-1 .BASE-sliderLeft-btn:active{border-color:#1D7BFFFF;box-shadow: 0px 0px 0px 10px rgba(29,123,255,0.2);}
/*样式2*/
.BASE-sliderLeft-2{background-color:#F2F2F2;}
.BASE-sliderLeft-2 .BASE-sliderLeft-bar{background-color:#D9D9D9;}
.BASE-sliderLeft-2 .BASE-sliderLeft-btn{border:1px solid #FFF;box-shadow:0px 0px 4px 0px rgba(0, 0, 0,0.3);background-color:#FFFFFFFF;}
.BASE-sliderLeft-2 .BASE-sliderLeft-btn:hover{box-shadow:0px 0px 4px 0px rgba(0, 0, 0,0.3), 0px 0px 0px 8px rgba(51,51,51,0.1);}
.BASE-sliderLeft-2 .BASE-sliderLeft-btn:active{box-shadow:0px 0px 4px 0px rgba(29,123,255,0.4), 0px 0px 0px 10px rgba(29,123,255,0.2);}
/*样式3*/
.BASE-sliderLeft-3{background-color:#D9D9D9FF;}
.BASE-sliderLeft-3 .BASE-sliderLeft-bar{background-color:#1D7BFF;}
.BASE-sliderLeft-3 .BASE-sliderLeft-btn{background-color:#FFFFFFFF;border:1px solid #8C8C8CFF;}
.BASE-sliderLeft-3 .BASE-sliderLeft-btn:hover{box-shadow:0px 0px 0px 4px rgba(51,51,51,0.1);}
.BASE-sliderLeft-3 .BASE-sliderLeft-btn:active{border-color:#1D7BFFFF;box-shadow: 0px 0px 0px 6px rgba(29,123,255,0.2);}



/**
 * sliderCenter ----------------------------------------------------------------------
 * 拖拽进度条-左←中→右
 * **/
.BASE-sliderCenter{height:8px;border-radius:32px;position:relative;cursor:pointer;width:100%;}
.BASE-sliderCenter-bar{height:100%;border-radius:30px;pointer-events:none;position:absolute;top:0px;}
.BASE-sliderCenter-btn{
    position:absolute;
    left:0px;
    top:50%;
    transform:translate(0,-50%);
    border-radius:50%;
    cursor:pointer;
    transition:box-shadow .3s;
    -webkit-transition:box-shadow .3s;
}
.BASE-sliderCenter-tip{
    position:absolute;
    height:30px;
    line-height:30px;
    background-color:#575757;
    color:#FFF;
    padding:0px 10px;
    border-radius:4px;
    transform: translateX(-50%);
    top:-52px;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s;
    -webkit-transition:opacity .3s;
}
.BASE-sliderCenter-tip:after{
    content:"";
    position:absolute;
    border-width:6px;
    border-style:solid;
    border-color:#575757 transparent transparent transparent;
    bottom:-12px;
    left:50%;
    transform: translateX(-50%);
}
.BASE-sliderCenter-btn:hover + .BASE-sliderCenter-tip{opacity:1 !important;}
/*样式1*/
.BASE-sliderCenter-1{background-color:#D9D9D9FF;}
.BASE-sliderCenter-1 .BASE-sliderCenter-bar{background-color:#1D7BFF;}
.BASE-sliderCenter-1 .BASE-sliderCenter-btn{background-color:#FFFFFFFF;border:1px solid #8C8C8CFF;}
.BASE-sliderCenter-1 .BASE-sliderCenter-btn:hover{box-shadow:0px 0px 0px 8px rgba(51,51,51,0.1);}
.BASE-sliderCenter-1 .BASE-sliderCenter-btn:active{border-color:#1D7BFFFF;box-shadow: 0px 0px 0px 10px rgba(29,123,255,0.2);}
/*样式2*/
.BASE-sliderCenter-2{background-color:#F2F2F2;}
.BASE-sliderCenter-2 .BASE-sliderCenter-bar{background-color:#D9D9D9;}
.BASE-sliderCenter-2 .BASE-sliderCenter-btn{border:1px solid #FFF;box-shadow:0px 0px 4px 0px rgba(0, 0, 0,0.3);background-color:#FFFFFFFF;}
.BASE-sliderCenter-2 .BASE-sliderCenter-btn:hover{box-shadow:0px 0px 4px 0px rgba(0, 0, 0,0.3), 0px 0px 0px 8px rgba(51,51,51,0.1);}
.BASE-sliderCenter-2 .BASE-sliderCenter-btn:active{box-shadow:0px 0px 4px 0px rgba(29,123,255,0.4), 0px 0px 0px 10px rgba(29,123,255,0.2);}



/**
 * sliderColor ----------------------------------------------------------------------
 * 拖拽进度条-颜色
 * **/
.BASE-sliderColor{border-radius:32px;position:relative;cursor:pointer;width:100%;}
.BASE-sliderColor-bar{height:100%;border-radius:30px;pointer-events:none;}
.BASE-sliderColor-btn{
    position:absolute;
    left:0px;
    top:50%;
    transform:translate(0,-50%);
    border-radius:50%;
    cursor:pointer;
    transition:box-shadow .3s;
    -webkit-transition:box-shadow .3s;
}
.BASE-sliderColor-tip{
    position:absolute;
    height:30px;
    line-height:30px;
    background-color:#575757;
    color:#FFF;
    padding:0px 10px;
    border-radius:4px;
    transform: translateX(-50%);
    top:-52px;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s;
    -webkit-transition:opacity .3s;
}
.BASE-sliderColor-tip:after{
    content:"";
    position:absolute;
    border-width:6px;
    border-style:solid;
    border-color:#575757 transparent transparent transparent;
    bottom:-12px;
    left:50%;
    transform: translateX(-50%);
}
.BASE-sliderColor-btn:hover + .BASE-sliderColor-tip{opacity:1 !important;}
/*样式1*/
.BASE-sliderColor-1{background-image: url(/image/canvasbg.png);background-size:auto 100%;background-repeat:repeat-x;}
.BASE-sliderColor-1 .BASE-sliderColor-bar{background-color:#1D7BFF;}
.BASE-sliderColor-1 .BASE-sliderColor-btn{border:1px solid #FFF;box-shadow:0px 0px 4px 0px rgba(0, 0, 0,0.3);background-color:#FFFFFFFF;}
.BASE-sliderColor-1 .BASE-sliderColor-btn:hover{box-shadow:0px 0px 4px 0px rgba(0, 0, 0,0.3), 0px 0px 0px 8px rgba(51,51,51,0.1);}
.BASE-sliderColor-1 .BASE-sliderColor-btn:active{box-shadow:0px 0px 4px 0px rgba(29,123,255,0.4), 0px 0px 0px 10px rgba(29,123,255,0.2);}







/**
 * msg ----------------------------------------------------------------------
 * 弹出提示
 * **/
.BASE-msg{position:fixed;z-index:10000;top:200px;height:46px;border-radius:6px;left:50%;opacity:0;border:1px solid #00000000;}
.BASE-msg .p1{position:absolute;width:18px;height:18px;border-radius:100%;line-height:16px;text-align:center;top:13px;left:14px;}
.BASE-msg .p1 svg{vertical-align:middle;}
.BASE-msg .p2{line-height:44px;padding:0px 14px 0px 38px;}
.BASE-msg-1{background-color:#EBF8F4;border-color:#30B28D;}
.BASE-msg-1 .p1{background-color:#30B28D;}
.BASE-msg-2{background-color:#FFF2EA;border-color:#E37318;}
.BASE-msg-2 .p1{background-color:#E37318;}
.BASE-msg-3{background-color:#FFEDEA;border-color:#D54941;}
.BASE-msg-3 .p1{background-color:#F23126;}
.BASE-msg-4{background-color:#F2F6F4;border-color:#D9D9D9;}
.BASE-msg-4 .p1{background-color:#333333;}
.BASE-msg-5{background-color:#EBF8F4;border-color:#30B28D;}
.BASE-msg-5 .p1{background-color:#30B28D;}
.BASE-msg-6{background-color:#FFF2EA;border-color:#E37318;}
.BASE-msg-6 .p1{background-color:#E37318;}
.BASE-msg-7{background-color:#FFEDEA;border-color:#D54941;}
.BASE-msg-7 .p1{background-color:#F23126;}
.BASE-msg-8{background-color:#F2F6F4;border-color:#D9D9D9;}
.BASE-msg-8 .p1{background-color:#333333;}



/**
 * tip ----------------------------------------------------------------------
 * 移入提示信息
 * **/
.BASE-tip{position:fixed;z-index:9999999999;border-radius:6px;padding:6px 12px;pointer-events:none;}
.BASE-tip p{line-height:24px;font-size:14px;}
.BASE-tip span{position:absolute;width:0px;height:0px;border-width:8px;border-style:solid;border-color:transparent;}



/**
 * 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 50px 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:4px;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:#0064F0;color:#0064F0;}
.BASE-layer-1 .BASE-layer-foot .type2{line-height:36px;background-color:#1D7BFF;color:#FFFFFF;}
.BASE-layer-1 .BASE-layer-foot .type2:hover{background-color:#599EFF;}
.BASE-layer-1 .BASE-layer-foot .type2:active{background-color:#0064F0;}
.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:4px;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{padding:20px 0px;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 #1d7bff;background-color:#1d7bff;}
.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:0px;
    height:0px;
    transition:all .4s;
    -webkit-transition:all .4s;
    z-index:1000;
}
.BASE-select-copy1{
    position:fixed;
    overflow:hidden;
    opacity:0px;
    height:0px;
    transition:all .4s;
    -webkit-transition:all .4s;
    z-index:1000;
}
/*样式1*/
.BASE-select-1{
    background-color:#FFF;
    border-radius:6px;
    border:1px solid #E8E8E8;
    box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0.10), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 3px 14px 2px rgba(0, 0, 0, 0.05);
}



/**
 * 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:#1D7BFF;}
.BASE-date-A p:hover .stroke{stroke:#1D7BFF;}
.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:#1D7BFF;border-color:#1D7BFF;}
.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:#1D7BFF;border-color:#1D7BFF;}
.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:#1D7BFF;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:#1D7BFF;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:#1D7BFF;color:#FFF;}
.BASE-date-Bc-2 .act.none p{opacity:0.3;background-color:#1D7BFF;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>div>p{height:20px;line-height:20px;}
.BASE-date-Bd ul{height:200px;overflow-y:auto;background-color:#F0F0F0;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:#1D7BFF !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:#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:#1D7BFF;color:#1D7BFF;color:#1D7BFF;}
.BASE-page-1 .BASE-page-skip:hover .fill{fill:#1D7BFF;}
.BASE-page-1 .BASE-page-skip:hover .stroke{stroke:#1D7BFF;}