@charset "utf-8";
body {font: normal 75% "微软雅黑",Helvetica, Arial, sans-serif;background:#fff;}
* {margin:0;padding:0;}
li {list-style:none;}
img {border:0;}
.clear {clear:both;}
a {color:#333; text-decoration:none;}
body{-webkit-overflow-scrolling:touch;}
.clearh {clear:both;height:10px;}
input:focus {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only;} 
.m-center {width:100%;max-width:400px;margin:0 auto;} 
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button { -webkit-appearance: none;}
 ::-webkit-input-placeholder { color:#999;font-size: 16px; }
 @media(max-width: 320px){
    ::-webkit-input-placeholder { color:#999;font-size: 16px; }
}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.borders{width: 100%;height: 10px;background-color: #f3f3f3;}
.indexHeader{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    box-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    max-width: 640px;
    margin:0 auto;
    background:#ffffff;
}
.indexHeader .logo{
    display: inline-block;
    width: 31px;
    height: 23px;
    margin:0 10px;
}
.indexHeader .logo img{
    width: 14px;
    height: 21px;
    vertical-align: top;

}
.indexHeader .logo span{
    color: #fff;
    font-size: 15px;
}
.indexHeader .h-ss{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
}
.indexHeader .h-ss .h-ssbut{
    width: 20%;
    height: 36px;
    display: block;
    float: left;
    border: none;
    cursor:pointer;
    background-color: transparent;
    color: #0D90FF;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
}
.indexHeader .h-ss .h-sstxt{
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    width: 75%;
    border:none;
    border-radius: 20px;
    font-size: 16px;
    background-image: url(../images/ico04.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px center;
    padding: 0 0 0 40px;
    margin-left: 17px;
    background-color: #F2F3F3;
}

.indexHeader .h-icoa{
    width: 26px;
    height: 23px;
    margin:0 10px;
    display: inline-block;
}
.indexHeader .h-icoa img{
    width: 21px;
    height: 20px;
}
.userHeader{
    max-width: 640px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    margin:0 auto;
    position: relative;
    border-bottom: 1px solid #ddd;
    background: #f3f3f3;
}
.userHeader .logo{
    display: inline-block;
    width: 14px;
    height: 21px;
    position: absolute;
    top:12px;
    left: 10px;
    z-index: 111;
}
.userHeader .logo img{
    width: 100%;
    height: 100%;
}
.userHeader .h-icoa{
    width: 21px;
    height: 20px;
    position: absolute;
    top: 11px;
    right: 10px;
}
.userHeader .h-icoa img{
    width: 100%;
    height: 100%;
}
/*轮播css*/
.swiper-container {width:100%;max-width:640px;overflow:hidden;height:12em;background:#ffffff;position:relative;z-index:1;}
.swiper-slide {text-align:center;font-size:1em;position:relative;z-index:1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide a{
    width: 100%;
    height: 100%;
}
.swiper-slide img{width: 100%;height: 100%;}
#detailBox .swiper-slide a{
    width: 80%;
    overflow: hidden;
    height: 80%;
    display: inline-block;
    position: relative;
}
#detailBox .swiper-slide img{
    display: block;
    width:100%;
    height: auto;
    margin: 0 auto;
    /*-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;*/
}
#listHeader{
    background: #F6F6F6;
}
.swiper-slide a p{width:100%;background:url(../images/tmbg.png);position:absolute;left:0;bottom:0;z-index:1;display:block;height:4em;line-height:4em;padding-left:1em;font-size:1em;color:#fff;text-align:left;}
.swiper-pagination {position:absolute;right:.5em;bottom:.5em;z-index:99;}
.swiper-pagination span{display:inline-block;background:#313131;width:6px;height:6px;border:1px solid #fff;}
.swiper-pagination-bullet {text-indent:-9999px;background:#89819c;}
.swiper-pagination span.swiper-pagination-bullet-active {background:#313131;}

.gongg {
    width:100%;
    max-width:640px;
    overflow:hidden;
    margin:0 auto;
    height:3em;
    line-height:3em;
    background:#fff url(../images/ico05.png) no-repeat 8px center;
    background-size:20px 15px;
    font-size:1.3em;
    color:#555;
}
.gongg span{padding:0 1em;}
.gongg b{color:#c00;font-weight: normal;}
#demo {width:100%;overflow:hidden;height:4em;margin: 0 32px;}
.qimo {width:800%;height:4em;}
#demo1,#demo2{float:left;}
.mada {width:90%;max-width:640px;margin:.5em auto;}
.mada img{width:100%;}

.ma {width:100%;max-width:640px;overflow:hidden;margin:0 auto;border-left:none;border-right:none;background: #ddd;}
.ma-a {width:90%;margin:0 auto;height:3em;line-height:3em;position:relative;z-index:1;}
.ma-a span{font-size:1.25em;color:#000;}
.ma-a a{position:absolute;right:0;top:0;display:block;z-index:11;}
.ma-b {width:100%;margin:0 auto;}
.ma-b dl{width:43%;float:left;padding:.5em;border:1px solid #ddd;margin:0 0 1em 2%;}
.ma-b dl dt{width:35%;float:right;}
.ma-b dl dt img{max-width:100%;height:8em;}
.ma-b dl dd{font-size:1em;color:#777;line-height:250%;padding-top:1em;}
.ma-b dl dd b{font-size:2em;color:#2d99c5;}
.ma-b dl.ma-ba dd b{color:#1ba048;}
.ma-b dl.ma-bb dd b{color:#eeaa69;}
.ma-b dl.ma-bc dd b{color:#b4c901;}  
.mb {width:100%;max-width:640px;overflow:hidden;margin:0 auto;background:#fff;padding:0;}
.mb ul{width:110%;}
.mb li{width:29.5%;float:left;background:#fff;margin:.5em 2px .5em 0px;height:155px;text-align:center;overflow:hidden;border-radius: 5px;}
.mb ul li:nth-child(4){
    margin-left: 2px;
}
.mb li a img{margin:0 auto;}
.mb-aboxa{width:99%;padding:1em 0;background:#f2c197;font-size:1.5em;color:#000;margin-left: 2px;}
.mb-aboxa img{
    width:46px;
    height: 50px;
}
.mb li a{
    font-size:14px;
    display:block;
    color: #333;
}
.mb li a .imgs{
    width: 96%;
    height: 122px;
    margin:0 auto;
    margin-bottom: 2px;
    overflow: hidden;
    z-index: 11111;
    border:0.5px solid  #ddd;
}
.mb li a .imgs img{
    width: 100%;
}
.mb li a p{
    line-height: 28px;
    text-align: center;
    width: 90%;
    height: 25px;
    margin: 0 auto;
    font-size: 14px;
    color: #333333;
}
.mb .mb-aboxa a p{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
}
.mb-aboxa .img1{
    height: 29%;
}
.mb-aboxa p{
    font-size: 20px;
}
.mb-abox{
    width: 99%;
    line-height: 28px;
    background:#f2c197;
    padding-top: 17px;
    margin-left: 2px;
}
.mb-aboxb{background:#52c6d4;}
.mb-aboxc{background:#5ab15a;}
/************* nav ********/
.h-6em {height:54px;    background-color: #F3F3F3;}
nav,.nav-buy {width:100%;height:4.4em;background:#fff;margin-top:3em;position:fixed;bottom:0;z-index:999;border-top:1px solid #e8e8e8;}
.nav {width:100%;max-width:640px;margin:0 auto;}
.nav li{width:20%;float:left;text-align:center;padding-top:0.6em;}
.nav li a{font-size:1em;color:#333;display:block;padding-top:2.2em;}
.nav li a.nav-a{background:url(../images/menu/home.png) no-repeat center 0;background-size:1.8em auto;}
.nav li a.nav-b{background:url(../images/menu/shop.png) no-repeat center 0;background-size:1.8em auto;}
.nav li a.nav-c{background:url(../images/menu/count.png) no-repeat center 0;background-size:1.8em auto;}
.nav li a.nav-d{background:url(../images/menu/cart.png) no-repeat center 0;background-size:1.8em auto;}
.nav li a.nav-e{background:url(../images/menu/my.png) no-repeat center 0;background-size:1.8em auto;}
.nav li a.nav-a:hover,.nav li.lion a.nav-a{color:#0983f1;background:url(../images/menu/homeHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-a.hover{color:#0983f1;background:url(../images/menu/homeHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-b:hover,.nav li.lion a.nav-b{color:#0983f1;background:url(../images/menu/shopHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-b.hover{color:#0983f1;background:url(../images/menu/shopHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-c:hover,.nav li.lion a.nav-c{color:#0983f1;background:url(../images/menu/countHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-c.hover{color:#0983f1;background:url(../images/menu/countHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-d:hover,.nav li.lion a.nav-d{color:#0983f1;background:url(../images/menu/cartHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-d.hover{color:#0983f1;background:url(../images/menu/cartHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-e:hover,.nav li.lion a.nav-e{color:#0983f1;background:url(../images/menu/myMHover.png) no-repeat center 0;background-size:1.8em auto}
.nav li a.nav-e.hover{color:#0983f1;background:url(../images/menu/myMHover.png) no-repeat center 0;background-size:1.8em auto}
/*.nav li a.nav-e:visited{color:#0983f1;background:url(../images/menu/myMHover.png) no-repeat center 0;background-size:1.8em auto}*/
.nav-buy {width:100%;height:5em;background:#0882f1;margin-top:2.5em;position:fixed;bottom:0;z-index:999;text-align:center;}
.nav-buy .nav li{width:50%;margin:.5em 0;text-align:center;}
.nav-buy .nav li a{font-size:1.2em;color:#fff;display:block;margin:0 auto;width:70%;background:#005db1;line-height:3em;height:3em;padding:0;-moz-border-radius:.5em;      
    -webkit-border-radius:.5em;   
    border-radius:.5em;}
.list1 span{}
/*2015/11/5*/

.eLoanIcon {
    padding: 6px 10px;
    vertical-align:middle;
    display: inline-block;
    width: 56px;
    line-height: 11px;
    font-size: 12px;
    font-weight: 400;
    color: rgb(255, 0, 0);
    background: rgba(255, 102, 0, 0.2);
    border-radius: 2px;
    user-select: none;
    text-indent: 0;
    margin-left: 4px;
}
select,input,textarea{outline: none;}