/*btn*/
.ui-btn{position:relative;display:inline-block;border:1px solid #e0e0e0;padding:0 20px;line-height:42px;overflow:hidden;border-radius:4px;color:#595959;background:#fff;user-select:none;vertical-align:middle;}
.ui-btn [class*=ui-icon-]{margin:0 5px 0 -5px;}
.ui-btn:hover{color:#40a9ff;border-color:#40a9ff;box-shadow:2px 2px 10px 0 rgba(24,144,255,0.2);}
.ui-btn-red{background:#ED4014;border-color:#ED4014;color:#fff;}
.ui-btn-red:hover{background:#F04055;border-color:#F04055;color:#fff;}
.ui-btn-yellow{background:#F37B1D;border-color:#F37B1D;color:#fff;}
.ui-btn-yellow:hover{background:#F3710A;border-color:#F3710A;color:#fff;}
.ui-btn-blue{background:#1890FF;border-color:#1890FF;color:#fff;}
.ui-btn-blue:hover{background:#40A9FF;border-color:#40A9FF;color:#fff;}
.ui-btn-green{background:#19BE6B;border-color:#19BE6B;color:#fff;}
.ui-btn-green:hover{background:#47CB89;border-color:#47CB89;color:#fff;}
.ui-btn-info{background:#2DB7F5;border-color:#2DB7F5;color:#fff;}
.ui-btn-info:hover{background:#57C5F7;border-color:#57C5F7;color:#fff;}
.ui-btn-lt{font-size:12px;padding:0 4px;line-height:18px;}
.ui-btn-sm{font-size:15px;padding:0 10px;line-height:36px;}
.ui-btn-big{font-size:16px;padding:0 36px;line-height:54px;}
.ui-btn-lg{font-size:20px;padding:0 52px;line-height:64px;}
.ui-btn-outline-red{background:#fff;color:#ED4014;}
.ui-btn-outline-yellow{background:#fff;color:#F37B1D;}
.ui-btn-outline-blue{background:#fff;color:#1890FF;}
.ui-btn-outline-green{background:#fff;color:#19BE6B;}
.ui-btn-outline-info{background:#fff;color:#2DB7F5;}
.ui-btn-block{display:block;width:100%;text-align:center;}
a.ui-btn-red,a.ui-btn-yellow,a.ui-btn-blue,a.ui-btn-green,a.ui-btn-info{color:#fff;}
a:hover.ui-btn-red,a:hover.ui-btn-yellow,a:hover.ui-btn-blue,a:hover.ui-btn-green,a:hover.ui-btn-info{color:#fff;}
.ui-btn-red:hover{box-shadow:2px 2px 10px 0 rgba(237,64,20,0.2);}
.ui-btn-yellow:hover{box-shadow:2px 2px 10px 0 rgba(243,123,29,0.2);}
.ui-btn-green:hover{box-shadow:2px 2px 10px 0 rgba(25,190,107,0.2);}
.ui-btn-info:hover{box-shadow:2px 2px 10px 0 rgba(45,183,245,0.2);}
a.ui-btn-outline-red{color:#ED4014;}
a.ui-btn-outline-yellow{color:#F37B1D;}
a.ui-btn-outline-blue{color:#1890FF;}
a.ui-btn-outline-green{color:#19BE6B;}
a.ui-btn-outline-info{color:#2DB7F5;}
.ui-btn:disabled{background:#fff;cursor:not-allowed;border-color:#E7E7E7;color:#999;}

/*btn-group*/
.ui-btn-group{margin-left:1px;font-size:0;vertical-align:middle;}
.ui-btn-group-item{vertical-align:middle;border:1px solid #e3e3e3;margin-left:-1px;display:inline-block;justify-content:center;align-items:center;cursor:pointer;padding:0 20px;line-height:44px;overflow:hidden;font-size:16px;color:#595959;background:#fff;text-align:center;}
.ui-btn-group-item:first-child{border-radius:4px 0 0 4px;}
.ui-btn-group-item:last-child{border-radius:0 4px 4px 0;}
.ui-btn-group-item:hover{color:#333;border-color:#40a9ff;position:relative;z-index:2;}
.ui-btn-group-item.active{color:#40a9ff;border-color:#40a9ff;position:relative;z-index:2;}
.ui-btn-group-item:before{margin-right:5px;color:#999;font-size:18px;vertical-align:middle;}
.ui-btn-group-full{display:flex;}
.ui-btn-group-full .ui-btn-group-item{flex:1;padding:0;line-height:50px;}
.ui-btn-group-red .active,.ui-btn-group-red .active:hover,.ui-btn-group-red a.active,.ui-btn-group-red a:hover.active{color:#ED4014;border-color:#ED4014;}
.ui-btn-group-red .ui-btn-group-item:hover{border-color:#ED4014;}
.ui-btn-group-yellow .active,.ui-btn-group-yellow .active:hover,.ui-btn-group-yellow a.active,.ui-btn-group-yellow a:hover.active{color:#F37B1D;border-color:#F37B1D;}
.ui-btn-group-yellow .ui-btn-group-item:hover{border-color:#F37B1D;}
.ui-btn-group-blue .active,.ui-btn-group-blue .active:hover,.ui-btn-group-blue a.active,.ui-btn-group-blue a:hover.active{color:#1890FF;border-color:#1890FF;}
.ui-btn-group-blue .ui-btn-group-item:hover{border-color:#1890FF;}
.ui-btn-group-green .active,.ui-btn-group-green .active:hover,.ui-btn-group-green a.active,.ui-btn-group-green a:hover.active{color:#47CB89;border-color:#47CB89;}
.ui-btn-group-green .ui-btn-group-item:hover{border-color:#47CB89;}
.ui-btn-group-info .active,.ui-btn-group-info .active:hover,.ui-btn-group-info a.active,.ui-btn-group-info a:hover.active{color:#57C5F7;border-color:#57C5F7;}
.ui-btn-group-info .ui-btn-group-item:hover{border-color:#57C5F7;}
.ui-btn-group-red.ui-btn-group-bg .active,.ui-btn-group-red.ui-btn-group-bg a.active{color:#fff;background:#ED4014;}
.ui-btn-group-yellow.ui-btn-group-bg .active,.ui-btn-group-yellow.ui-btn-group-bg a.active{color:#fff;background:#F37B1D;}
.ui-btn-group-blue.ui-btn-group-bg .active,.ui-btn-group-blue.ui-btn-group-bg a.active{color:#fff;background:#1890FF;}
.ui-btn-group-green.ui-btn-group-bg .active,.ui-btn-group-green.ui-btn-group-bg a.active{color:#fff;background:#47CB89;}
.ui-btn-group-info.ui-btn-group-bg .active,.ui-btn-group-info.ui-btn-group-bg a.active{color:#fff;background:#57C5F7;}
.ui-btn-group-sm .ui-btn-group-item{font-size:12px;padding:8px 15px;line-height:22px;}
.ui-btn-group-big .ui-btn-group-item{font-size:16px;padding:0 36px;line-height:54px;}
.ui-btn-group-lg .ui-btn-group-item{font-size:20px;padding:0 52px;line-height:64px;}
/*Badge*/
.ui-badge{min-width:20px;line-height:20px;min-height:20px;padding:0 4px;border-radius:10px;background:#eaeaea;display:inline-block;color:#595959;text-align:center;font-size:12px;vertical-align:middle;white-space:nowrap;box-shadow:0 0 0 1px #fff;box-sizing:border-box;}
.ui-badge-dot{min-width:6px;height:6px;min-height:6px;padding:0;background:#d9d9d9;border-radius:100%;font-size:10px;}
.ui-badge-sm{min-width:8px;height:8px;min-height:8px;padding:0;background:#d9d9d9;border-radius:100%;font-size:10px;}
.ui-badge-red{background:#ED4014;color:#fff;}
.ui-badge-yellow{background:#F37B1D;color:#fff;}
.ui-badge-blue{background:#1890FF;color:#fff;}
.ui-badge-green{background:#19BE6B;color:#fff;}
.ui-badge-info{background:#2DB7F5;color:#fff;}
.ui-badge-warp{position:relative;display:inline-block;}
.ui-badge-warp .ui-badge{position:absolute;top:-2px;right:-2px;}
/*Bar*/
.ui-bar{position:fixed;top:0;width:50px;right:-50px;height:100%;background:#222;display:flex;align-items:center;justify-content:center;color:#fff;z-index:40;}
.ui-bar ul{list-style:none;margin:0;padding:0;}
.ui-bar ul li{}
.ui-bar ul li a{line-height:60px;display:block;position:relative;}
.ui-bar ul li a i{font-size:32px;color:#fff;}
.ui-bar ul li a p{position:absolute;top:10px;background:#fff;color:#333;padding:8px 20px;line-height:24px;border:1px solid #ddd;border-right:0;display:none;border-radius:6px 0 0 6px;}
.ui-bar ul li a div{position:absolute;top:-100px;background:#fff;color:#333;padding:10px;line-height:24px;border:1px solid #ddd;display:none;border-radius:6px;text-align:center;}
.ui-bar ul li a div img{width:250px;height:250px;display:block;}
.ui-bar ul li a p:after{display:block;content:"";background:#fff;width:10px;height:10px;position:absolute;top:15px;right:-4px;transform:rotate(45deg)}
.ui-bar ul li a:hover p{left:-114px;display:block;}
.ui-bar ul li a div:after{display:block;content:"";background:#fff;width:16px;height:16px;position:absolute;top:112px;right:-8.2px;transform:rotate(45deg);border:1px solid #ddd;border-left:0;border-bottom:0;}
.ui-bar ul li a:hover div{left:-300px;display:block;}
.ui-bar ul:last-child{position:absolute;bottom:5px;right:10px;}
.ui-bar-red{background:#ED4014;}
.ui-bar-yellow{background:#F37B1D;}
.ui-bar-blue{background:#1890FF;}
.ui-bar-green{background:#19BE6B;}
.ui-bar-info{background:#2DB7F5;}
<!--0.00023603439331055-->