.clear {
clear:both
}
.tabs {
z-index:9;
position:relative
}
.tabs-box {
width:auto;
padding:0 8px;
background:#fff
}
.tabs-box .itme {
width:25%;
float:left;
text-align:center;

}
.tabs-box .itme a {
display:block;
width:100%;

padding-top:6px;
text-decoration:none;
font-size:12px;
color:#666
}
.tabs-box .itme a span.icon {
display:block;
padding:0;
height:30px;
line-height:30px;
width:30px;
margin:0 auto;
vertical-align:middle;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%
}
.tabs-box .itme a span.text {
overflow:hidden;
display:inline-block;
line-height:14px
}
.tabs-box .itme img {
height:20px;
width:20px
}
.white-box {
background:rgb(245, 250, 255);
margin:10px auto;
clear:both
}
.big-title {
padding:10px;
font-size:16px;
color:#333;
position:relative;
overflow:hidden
}
.big-title a {
position:absolute;
top:15px;
right:16px;
font-size:12px;
color:#999;
text-decoration:none
}
.big-title a.more {
padding-right:8px;
background:url(../img/more-icon.png) no-repeat center right
}

.big-title a.close {
    padding-right:8px;
    background:url(../img/more-icon.png) no-repeat center right
    }



*,::after,::before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.footer {
    font-size:12px;
    font-family:Myriad Set Pro,Arial,Helvetica,sans-serif;
    color:#666;
    background-color:#f4f7fe;
    line-height:22px;
text-align:center;
padding:8px 16px;

line-height:14px;
background:#37393b
}
.footer-main {
padding:10px;
line-height:24px
}
.footer-main a {
color:#999
}
.footer .footer-bottom {
text-align:center;
color:#6e6e6e;
margin:0 auto;
padding:10px 0;
border-top:1px solid #464646
}
.footer a {
text-decoration:none;
color:#999
}
.footer a:hover {
text-decoration:underline;
color:#fff
}
.footer-tab {
height:40px;
line-height:40px;
border-top:1px solid #464646
}