blockquote,body,button,code,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,pre,td,th,ul{
    margin:0;padding:0

}
img{
    border:0;vertical-align:top

}
li,ol,ul{
    list-style:none

}
h1,h2,h3,h4,h5,h6{
    font-size:100%

}
a,a:visited{
    color:#8d8d8d;text-decoration:none

}
.fl{
    float:left!important

}
.fr{
    float:right!important

}
.clearfix:after{
    content:'\0020';height:0;visibility:hidden;clear:both;display:block

}
.hidden{display:none

}
.show{
    display:inline-block

}
html{
    font-size:62.5%

}
body{
    color:#333;font-family:"Microsoft YaHei",arial;
    background:url(../images/bg.jpg)

}
.mm-wrap{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10777;
    display:none;

}
.mm-wrap .mm-mask{
    width:100%;
    position:absolute;
    z-index:10779;
    padding-top:20px

}
.mm-wrap .mm-mask .pos-img{
    width:72px;
    position:absolute;
    top:6px;
    right:20px

}
.mm-wrap .mm-mask h3{
    width:100%;
    line-height:40px;
    font-size:2.5em;
    font-weight:700;
    color:#303030;
    text-indent:16%

}
.mm-wrap .mm-mask p{
    width:100%;
    height:32px;
    line-height:32px;
    font-size:1.6em;
    color:#303030;
    text-indent:16%;
    position:relative;
    z-index:10780

}
.mm-wrap .mm-mask p.c{
    margin-bottom:66px

}
.mm-wrap .mm-mask p.c span{
    display:block;
    width:150px;
    height:32px;
    background:#303030;
    color:#f0f0f0;
    font-size:.875em;
    text-align:center;
    text-indent:0;
    margin:0 auto

}
.mm-wrap .mm-mask p.c i{
    display:inline-block;
    width:16px;
    height:16px;
    background-image:url(../images/oin.jpg);
    background-repeat:no-repeat;
    position:relative;
    top:3px;
    left:-2px

}

.mm-wrap .mm-mask p.c i.f{
    background-position:0 0

}
.mm-wrap .mm-mask p.c i.b{
    background-position:0 -16px

}

.mm-wrap .mm-mask .btn{
    padding:30px 0

}

.mm-wrap .mm-mask .btn span{
    display:block;
    width:96px;
    height:28px;
    margin:0 auto;
    text-align:center;
    line-height:28px;
    background:#8fc11a;
    color:#fff;
    border-radius:5px;
    box-shadow:1px 1px 2px #666;
    font-size:1.4em

}
.mm-wrap .mm-bg{
    width:100%;
    height:100%;
    background:#fff;
    opacity:.85;
    z-index:10778

}


.header{
    width:310px;height:45px;margin:0 auto;padding:8px 5px 0

}
.header .logo{
    display:inline-block;width:180px;height:35px;background:url(../images/logo.png) no-repeat

}
.header span{
    display:inline-block;width:100px;height:30px;background:url(../images/slogan.png) 0 0/100% 100% no-repeat;float:right

}
.slide,.tab-content{
    width:320px;height:160px;position:relative;overflow:hidden

}
.tab-pannel{
    height:160px

}

.slider{
    width:320px;height:192px;overflow:hidden;margin:0 auto;border-top:1px #d6e7b7 solid;border-bottom:1px #d6e7b7 solid;background:#fff

}

.slider img{
    width:320px;height:192px;overflow:hidden

}
.ui-slider{
    width:320px;height:192px;overflow:hidden;margin:0 auto;position:relative;background:#fff;-webkit-user-select:none;-webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent

}
.ui-slider .ui-slider-group{
    overflow:hidden;position:relative;white-space:nowrap;-webkit-transform:translateZ(0)

}
.ui-slider-group .ui-slider-item{
    width:320px;
    height:192px;
    text-align:center;
    position:relative;
    float:left;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    background:url(../images/focusload.gif) center center no-repeat

}
.ui-slider-item img{
    width:320px;
    height:192px;
    overflow:hidden

}
.ui-slider .ui-slider-dots{
    width:100%;
    height:15px;
    padding-top:3px;
    background:rgba(60,60,60,.37);
    position:absolute;
    left:0;
    bottom:0;
    z-index:10077;
    text-align:center;
    font-size:0

}
.ui-slider .ui-slider-dots b{
    display:inline-block;
    width:12px;
    height:12px;
    border-radius:12px;
    background:#333;
    margin:0 3px

}
.ui-slider .ui-slider-dots b.ui-state-active{
    background:#eee

}
.nav{
    width:320px;
    margin:0 auto;
    height:34px;
    line-height:34px;
    padding-top:2px;
    font-size:1.8em;
    background:#fff;
    background:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#ebebeb));
    border-top:1px #d6e7b7 solid;
    border-bottom:1px #d6e7b7 solid;
    text-align:center;position:relative;color:#333

}
.nav span{
    position:absolute;
    left:2px;
    color:#547c01;
    letter-spacing:1px

}
.nav span a{
    display:inline-block;
    color:#547c01;
    text-indent:16px

}

.nav span a b{
    display:block;
    font-style:normal;
    font-weight:700;
    font-size:2em;
    position:absolute;
    top:-4px;
    left:-15px

}

.intro{
    width:320px;margin:0 auto

}
.intro .bd-info{
    padding:10px;background:#fff

}
.bd-info .bd-img{
    width:90px;text-align:center

}
.bd-info .bd-img img{
    display:block;
    width:80px

}
.bd-info .bd-img img.bd-star{
    margin-top:8px

}
.bd-info .bd-des{
    width:45%

}
.bd-info .bd-des h2{
    line-height:1.5;
    font-size:1.6em;
    color:#333

}
.bd-info .bd-des h2 a{
    font-size:1.6em;
    color:#333

}
.bd-info .bd-des p{
    width:100%;
    margin:2px 0 0;
    line-height:1.5;
    font-size:1.4em;
    white-space:normal

}
.bd-info .bd-ins{
    width:25%;padding-top:25px

}
.bd-info .bd-ins a.btn{
    display:block;
    width:100%;
    height:36px;
    line-height:36px;
    text-align:center;
    margin:2px auto;
    background:#70a80e;
    background:-webkit-gradient(linear,0 0,0 100%,from(#83c117),to(#659808));
    border-radius:5px;
    color:#fff;
    font-size:1.4em;
    letter-spacing:1px;
    text-shadow:1px 1px 1px #777

}
.bd-info .bd-ins a.wait{
    color:#ddd
}
.intro .bd-arrows{
    background:#f2f1dd

}

.intro .bd-arrow{
    width:0;height:5px;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #fff;
    font-size:0;
    line-height:0;
    margin-left:20px

}

.description{
    width:320px;
    margin:0 auto;
    background:#fff;
    padding-bottom:10px

}

.description h3{
    width:96%;
    line-height:2;
    font-size:1.6em;
    color:#547c01;
    margin:0 auto

}
.description p{
    width:96%;
    line-height:1.2;
    font-size:1.4em;
    margin:0 auto

}
.down-warp{
    width:320px;
    margin:0 auto;
    background:#fff

}
#btn-wrap .down-btn{
    width:320px;
    background:#f2f1dd;
    text-align:center;
    padding:3px 0;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-transform:translate3d(0,0,0)

}
#btn-wrap .fixed{
    position:fixed;
    bottom:0;
    left:50%;
    margin-left:-160px;
    z-index:10777

}
#btn-wrap .static{
    position:static

}
#btn-wrap .down-btn img{
    display:block;
    width:256px;
    margin:0 auto

}
.like{
    width:320px;
    margin:0 auto;
    background:#fff

}
.like .recommend{
    padding-bottom:10px

}
.like .recommend li{
    width:33%;
    text-align:center;
    float:left;
    margin-top:10px

}
.like .recommend li img{
    width:80px;
    height:80px

}
.like .recommend li p{
    line-height:2

}
.like .recommend li p a{
    color:#000;font-size:14px

}
.footer{
    width:320px;
    margin:0 auto;
    padding:10px 0 70px

}
.footer p{
    line-height:1.4;
    font-size:1.2em;
    text-align:center

}