* { margin: 0; padding: 0; }
html { width: 100%; font-size: 62.5%; }
body, div, a, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td { margin: 0; padding: 0; }
body { width: 100%; color: #3E3A39; font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial; background-color: #FFFFFF; overflow-x: hidden; }
img { border: 0; display: block; }
ol, ul { list-style: none; }
em, i { font-style: normal; }
input { -webkit-appearance: none; }
/*去除input默认样式*/
input[type="submit"],
input[type="reset"],
input[type="button"],
input { -webkit-appearance: none; }
input, button, select, textarea { outline: none; border: none; _border: 0; }
textarea { resize: none; }
/*设置textarea不可改变尺寸大小*/
a { color: #3E3A39; text-decoration: none; }
a:hover { color: #3E3A39; text-decoration: none; }
img { width: 100%; height: auto; }
* { border: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:visited { outline: none !important; }
a:active { outline: none !important; }
/*iconfont*/
@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), /* chrome、firefox */ url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.rcolor { color: #E73828; }
.ci { color: #E95513; }
.fl { float: left; }
.fr { float: right; }
.bcolor { color: #009FE8; }
.spcolor { color: #E95513; }
.ycolor { color: #F0A93E; }
.tac { text-align: center; }
.color9 { color: #999; }
/*.menu{ 
       background:rgba(0,0,0,0.4);
       position:fixed;
       right:0px;
       bottom:70px;
       width:40px;
       z-index:1000;
       border-bottom-left-radius:4px;
       border-top-left-radius:4px;
     
    }
    .menu-box{
        width: 110px;
        text-align: center;
        background: rgba(0,0,0,0.4);
        top: -276px;
        position: absolute;
        right: -5px;
        display: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .menu-box-jiao{
        position: absolute;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-left: 8px solid rgba(0,0,0,0.4);
        border-bottom: 6px solid transparent;
        transform: rotate(90deg);
        right: 16px;
        bottom: -10px;
    }
    .menu-box ul{
        text-align:left;
        padding-left:10px;
        padding-right:15px;
        padding-top:3px;
      
    }
    .menu-box ul li{
        color:#fff;
        line-height:42px;
        border-bottom:1px solid #ccc;
    }
    .menu-box ul li:last-child{
        border-bottom:none;
    }
    .menu-box ul li a{
        color:#fff;
        font-size:13px;
    }
    .menu-box ul li a i{
        padding-right:7px;
        font-size:15px;
    }*/

html { height: 100%; -webkit-text-size-adjust: none; font-size: 62.5%; }

@media only screen and (min-width: 300px) {
    html { font-size: 54% !important; }
    .footer > a i { margin-top: 1rem !important; }
}

@media only screen and (min-width: 350px) {
    html { font-size: 60.5% !important; }
    .footer > a i { margin-top: .7rem !important; }
}

@media only screen and (min-width: 481px) {
    html { font-size: 94% !important; }
}

@media only screen and (min-width: 561px) {
    html { font-size: 109% !important; }
}

@media only screen and (min-width: 641px) {
    html { font-size: 125% !important; }
}

.menu { background: rgba(0,0,0,0.4); position: fixed; right: 0px; bottom: 6.6rem; width: 3.6rem; z-index: 1000; border-bottom-left-radius: .4rem; border-top-left-radius: .4rem; }
.menu-box { width: 10.6rem; text-align: center; background: rgba(0,0,0,0.4); top: -25rem; position: absolute; right: -.5rem; display: none; border-top-left-radius: .4rem; border-bottom-left-radius: .4rem; }
.menu-box-jiao { position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid rgba(0,0,0,0.4); border-bottom: 6px solid transparent; transform: rotate(90deg); right: 16px; bottom: -10px; }
.menu-box ul { text-align: left; padding-left: .8rem; padding-right: 1.2rem; padding-top: .3rem; padding-bottom: .3rem; }
.menu-box ul li { color: #fff; line-height: 3.8rem; border-bottom: 1px solid #ccc; }
.menu-box ul li:last-child { border-bottom: none; }
.menu-box ul li a { color: #fff; font-size: 1.3rem; }
.menu-box ul li a i { padding-right: .7rem; font-size: 1.5rem; }

/*底部bar*/
.footBar { overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,0.4); padding-top: 5px; padding-bottom: 5px; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; background: #fff; }
.footBar span { width: 18%; display: inline-block; text-align: center; overflow: hidden; color: #888; font-size: 12px; }
.footBar span i { font-size: 20px; }
.footBar .cur { color: #EB7374; }

/*底部*/
footer { background: #F7F7F7; padding: 10px 0; overflow: hidden; border: 1px solid #B4B4B5; width: 100%; position: fixed; bottom: 0; left: 0; }
footer i { width: 30px; height: 30px; float: left; color: red; margin-left: 18px; }
footer button { width: 30%; height: 32px; line-height: 32px; border-radius: 5px; color: #fff; float: left; margin: 0 3%; }
footer .buy { background: #E73828; }
footer .buycar { background: #009844; }
.iconcar { border-radius: 50%; background: #E73828; color: #fff; text-align: center; line-height: 30px; font-size: 20px; }
footer span { width: 30px; height: 30px; float: left; position: relative; }
footer span .news { position: absolute; right: -8px; top: -6px; border: 2px solid #E73828; border-radius: 50%; width: 12px; height: 12px; text-align: center; line-height: 12px; font-weight: bold; color: #000000; font-size: 10px; }

/*  ------------------轮播start-------------------- */
.focus { max-width: 640px; margin: 0 auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 6px; position: absolute; z-index: 1; bottom: 10px; text-align: center; }
.focus .hd ul { display: inline-block; height: 5px; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; vertical-align: top; }
.focus .hd ul li { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; margin: 0 5px; vertical-align: top; overflow: hidden; text-indent: 20px; box-sizing: border-box; }
.focus .hd ul .on { background: #EF8D1F; border: none; }
.focus .bd { position: relative; z-index: 0; width: 100%; }
.tempWrap { height: 100%; width: 100%; }
.focus .bd ul { }
.focus .bd ul li { }
.focus .bd li img { width: 100%; /* background: url(../images/loading.gif) center center no-repeat;*/ }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
/*  ------------------轮播end-------------------- */

.cartDot { display: block; min-width: 16px; height: 16px; line-height: 16px; background: #f60; color: #fff; padding: 1px; border-radius: 16px; position: absolute; top: 0px; right: 13px; font-family: Arial; text-align: center; }
