﻿@charset 'utf-8';

html,body{ margin:0;-webkit-overflow-scrolling:touch;min-width:320px; font-family: "Microsoft YaHei", Arial, sans-serif; background:#ffffff; font-size: 62.5%;}
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video ul,li,p {
  margin:0;
  padding:0; font-weight:normal; 
}
body,h1,h2,h3,input,p{font-size:1.4rem ;color:#333}
ul,li{ list-style:none;}
input, select {font-size:1.2rem; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
a{ color:#666; text-decoration: none;}
a:visited {}
a:link {text-decoration: none;}
a:hover {text-decoration: none;}
img{ display: block;}
.du_main{max-width:800px; margin: 0 auto;height:auto;font-family:"微软雅黑"; }


/*底部导航*/

.mui-badge {
    min-width:16px;
	width:auto;
    height:16px;
    line-height:16px;
    font-size:0.5rem ;
    color:#fff !important;
    text-align:center;
    background-color:#f00;
    border-radius:50%;
    position:absolute;
	left:60%;
    top:-5px;

}
footer { clear:both;
    width: 100%;
    position: fixed;
    bottom: 0;
	border-top:1px #eee solid;
	z-index: 99999;
}

 footer ul {
        position: relative;
        background: #fff;

    
        height: 49.5px;
        padding-top: 4px;
    }



footer ul li {
    width: 20%;
    font-size: 1.2rem !important;
    text-align: center;
    display:block;
    float: left;
    color: #949494; 
	position: relative;
}


 footer ul li i {
        display: block;
        width: 26px;
        height: 26px;
        margin: 0 auto;
        margin-bottom: 3px;
    }

li.off span {
    color: #949494; font-size: 12px !important; margin:0; padding:0;

}
li span {
    color: #0099ff; font-size: 12px !important;

}
.icon_1 i{ background:url(../pic/m_1.png) no-repeat 0; background-size:100%;}
.icon_2 i{ background:url(../pic/m_2.png) no-repeat 0; background-size:100%;}
.icon_3 i{ background:url(../pic/m_3.png) no-repeat 0; background-size:100%;}
.icon_4 i{ background:url(../pic/m_4.png) no-repeat 0; background-size:100%;}
.icon_5 i{ background:url(../pic/m_5.png) no-repeat 0; background-size:100%;}
.icon_6 i{ background:url(../pic/m_6.png) no-repeat 0; background-size:100%;}
.icon_1.off i{ background:url(../pic/m_1_0.png) no-repeat 0; background-size:100%;}
.icon_2.off i{ background:url(../pic/m_2_0.png) no-repeat 0; background-size:100%;}
.icon_3.off i{ background:url(../pic/m_3_0.png) no-repeat 0; background-size:100%;}
.icon_4.off i{ background:url(../pic/m_4_0.png) no-repeat 0; background-size:100%;}
.icon_5.off i{ background:url(../pic/m_5_0.png) no-repeat 0; background-size:100%;}
.icon_6.off i{ background:url(../pic/m_6_0.png) no-repeat 0; background-size:100%;}
.icon_1 span, .icon_2 span, .icon_3 span, .icon_4 span .icon_5 span {
    color: #0099FF;
}

icon_1.off span, .icon_2.off span, .icon_3.off span, .icon_4.off span.icon_5.off span {
    color: #949494;
}
.box{ clear: both; height: 5.5rem;}

