/* 
<nav class="vic-bar vic-bar-tab">
	<a class="vic-tab-item vic-active" href="#tabbar">
		<span class="vic-icon tabicon-zhongjin"></span>
		<span class="vic-tab-label">中金</span>
	</a>
	<a class="vic-tab-item" href="#tabbar-with-chat">
		<span class="vic-icon tabicon-course"><span class="vic-badge">9</span></span>
		<span class="vic-tab-label">课程</span>
	</a>
	<a class="vic-tab-item" href="#tabbar-with-contact">
		<span class="vic-icon tabicon-exam"></span>
		<span class="vic-tab-label">题库</span>
	</a>
	<a class="vic-tab-item" href="#tabbar-with-map">
		<span class="vic-icon tabicon-user"></span>
		<span class="vic-tab-label">我的</span>
	</a>
</nav>
*/
.bi-person, .bi-people, .bi-person-fill, .bi-people-fill
{
    top: 0px;

    width: 26px;
    height: 26px;
    padding-top: 0;
    padding-bottom: 0;
	margin-bottom:0px; 
}
.vic-bar
{
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; 

    height: 44px;
    padding-right: 10px;
    padding-left: 10px;

    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
            box-shadow: 0 0 1px rgba(0, 0, 0, .85);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
} 
 
.vic-bar-tab
{
    bottom: 0;

    display: table;

    width: 100%;
    height: 50px;
    padding: 0;

    table-layout: fixed;

    border-top: 0;
    border-bottom: 0;

   -webkit-touch-callout: none; 
}
@supports (bottom: constant(safe-area-inset-bottom)) {
	body{ 
		margin-bottom:70px;
	}
	.vic-bar
	{
	  position: fixed;
	  right: 0;
	  bottom: constant(safe-area-inset-bottom);;
	  left: 0;
	  z-index: 1030; 

		height: 44px;
		padding-right: 10px;
		padding-left: 10px;

		border-bottom: 0;
		background-color: #f7f7f7;
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
				box-shadow: 0 0 1px rgba(0, 0, 0, .85);

		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
	} 
	 
	.vic-bar-tab
	{
		bottom: constant(safe-area-inset-bottom);;

		display: table;

		width: 100%;
		height: 50px;
		padding: 0;

		table-layout: fixed;

		border-top: 0;
		border-bottom: 0;

	   -webkit-touch-callout: none; 
	}
}
.vic-bar-tab a{
	text-decoration: none;
}
.vic-bar-tab .vic-tab-item
{
    display: table-cell;
    overflow: hidden;

    width: 1%;
    height: 50px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #929292;
}
.vic-bar-tab .vic-tab-item .vic-icon
{
    top: 3px;

    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}
.vic-bar-tab .vic-tab-item .vic-icon ~ .vic-tab-label
{
    font-size: 11px;

    display: block;
    overflow: hidden;

    text-overflow: ellipsis;
}  
  
.vic-tab-item.vic-plus-hidden, .vic-tab-item.vic-wechat-hidden
{
    display: table-cell !important;
}

.vic-plus .vic-plus-visible, .vic-wechat .vic-wechat-visible
{
    display: block !important;
}

.vic-plus .vic-tab-item.vic-plus-visible, .vic-wechat .vic-tab-item.vic-wechat-visible
{
    display: table-cell !important;
}
 
 
.vic-bar .vic-icon
{
    font-size: 24px;

    position: relative;
    z-index: 20;

    padding-top: 10px;
    padding-bottom: 10px;
}
.vic-bar .vic-icon:active
{
    opacity: .3;
}
.vic-bar .vic-btn .vic-icon
{
    top: 1px;

    margin: 0;
    padding: 0;
}
.vic-bar .vic-title .vic-icon
{
    margin: 0;
    padding: 0;
}
.vic-bar .vic-title .vic-icon.vic-icon-caret
{
    top: 4px;

    margin-left: -5px;
}

.vic-icon .vic-badge 
{
    font-size: 10px;
    line-height: 1.4;

    position: absolute;
    top: -2px;
    left: 100%;

    margin-left: -10px;
    padding: 1px 5px;

    color: white;
    background: red;
} 

.vic-icon
{
    font-family: Muiicons;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;

    display: inline-block;

    text-decoration: none;

    -webkit-font-smoothing: antialiased;
}
.vic-icon.vic-right:before
{
    float: right; 
    padding-left: .2em;
}
.vic-bar-tab a:focus,.vic-bar-tab a:hover,.vic-bar-tab a:link
{
	text-decoration:none;
	/*color:#007bff*/
} 
/*.vic-bar-tab a:visited{text-decoration:none;color:#929292}*/
.vic-bar-tab .vic-active 
{
    color: #0084FF;
} 
.tabicon-default{ 
    background: url("img/zhongjin.png") no-repeat center center;
	background-size:100% 100%;
}
.vic-active .tabicon-default{ 
    background: url("img/zhongjin_active.png") no-repeat center center;
	background-size:100% 100%;
}
.tabicon-course{ 
    background: url("img/course.png") no-repeat center center;
	background-size:100% 100%;
}
.vic-active .tabicon-course{ 
    background: url("img/course_active.png") no-repeat center center;
	background-size:100% 100%;
}
.tabicon-exam{ 
    background: url("img/exam.png") no-repeat center center;
	background-size:100% 100%;
}
.vic-active .tabicon-exam{ 
    background: url("img/exam_active.png") no-repeat center center;
	background-size:100% 100%;
}
.tabicon-user{ 
    background: url("img/user.png") no-repeat center center;
	background-size:100% 100%;
}
.vic-active .tabicon-user{ 
    background: url("img/user_active.png") no-repeat center center;
	background-size:100% 100%;
} 
.bi{  
	margin-bottom:5.2px; 
	text-align:center;
} 

@media (max-width: 991.98px) { 
body{
    /*padding-top: 0px;*/
	margin-bottom:50px;
} 
}