﻿/*homeMain页面样式表*/
/*自定义金额按钮默认不显示*/
#updateJe {
    display:none;
}


/*导航栏动画效果*/
.tabs-anim> .tabs {
    animation:tabsAnim 1s;
	-webkit-animation:tabsAnim 1s; /* Safari and Chrome */
    animation-timing-function:linear;/*动画匀速运行*/
    -webkit-animation-timing-function:linear;
}
@keyframes tabsAnim
{
   0% {height:49px;}
   25% {height:39px;}
   50% {height:29px;}
   75% {height:19px;}
   100% {height:0px;}
}

@-webkit-keyframes tabsAnim 
{
   0% {height:49px;}
   25% {height:39px;}
   50% {height:29px;}
   75% {height:19px;}
   100% {height:0px;}
}
@-moz-keyframes tabsAnim 
{
   0% {height:49px;}
   25% {height:39px;}
   50% {height:29px;}
   75% {height:19px;}
   100% {height:0px;}
}
@-o-keyframes tabsAnim 
{
   0% {height:49px;}
   25% {height:39px;}
   50% {height:29px;}
   75% {height:19px;}
   100% {height:0px;}
}



/********************【Tabs导航样式开始】*********************/

.tabs {
        background:#ffffff;
        background-color:#ffffff;
        border-top:1px solid #cecece;
    }
    .tabsIcon-Main {
        background-repeat: no-repeat;
        background-position: center;
        /*background-size:1.3rem 1.3rem;*/
        background-size:26px 26px;
    }
    .tabsIcon-home {
        background-image: url('../Images/TabIcon/home.png');
    }
    .tabsIcon-home-active {
        background-image: url('../Images/TabIcon/home_active.png');
    }
       .checkColor {
            color:#118eea;
        }
    .tabsIcon-order {
        background-image: url('../Images/TabIcon/order.png');
    }
    .tabsIcon-order-active {
        background-image: url('../Images/TabIcon/order_active.png');
    }
    .tabsIcon-sfd {
        background-image: url('../Images/TabIcon/sfd.png');
    }
    .tabsIcon-sfd-active {
        background-image: url('../Images/TabIcon/sfd_active.png');
    }
    .tabsIcon-me {
        background-image: url('../Images/TabIcon/me.png');
    }
    .tabsIcon-me-active {
        background-image: url('../Images/TabIcon/me_active.png');
    }
    .tab-item {
        opacity:1;
        -webkit-opacity:1;
    }


.tabSMainBottomDiv {
    height:50px;
}
    .tabSMainBottomDiv .iconDivTabs {
        width: 25%;
        float: left;
        text-align: center;
    }
    .tabSMainBottomDiv .tabsDivIconTop {
        height: 32px;
    }

    .tabSMainBottomDiv .tabsDivWenZi {

        line-height: 14px;
    }

/********************【Tabs导航样式结束】*********************/