@media only screen and (min-width: 640px)
html {
    font-size: 170.67px;
}
body,html {
    width: 100%;
    height: 100%;
    font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial;
}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol, p,pre,td,textarea,th,ul {
    vertical-align: baseline;
    border: 0;
    list-style: none;
}
body {
    margin: 0 auto;
    max-width: 640px;
    color: #666;
    background: #f2f2f2;
    font-size: 12px;
}
a { color: #666;}
a:hover,a:visited{text-decoration: none;}
ol, ul {
    list-style: none;
}
.text-right {text-align:right;}
img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
}
div {margin: 0 auto;max-width: 640px;}
.wph-header-nav {
    position: fixed;
    height: 2.4rem;
    top: 0;
    width: 100%;
    z-index: 10001;
    background: #fff;
    overflow: hidden;
}
.wph-header-nav .header-content {
    position: relative;
    height: 3.0rem;
    font-size: .8rem;
    color: #333;
    text-align: center;
    top: 0;
    left:0;
    white-space: nowrap;
    overflow-x:auto;
    overflow-y: hidden;
    padding: 0 .16rem;
    z-index: 10010;
}

.wph-header-nav li:first-child {
    margin-left: 0!important;
}
.wph-header-nav li {
    height: 2.8rem;
    display: inline-block;
    margin-left: .4rem;
    line-height: 2.8rem;
    text-align: center;
    font-size:.9rem;
}
.wph-tab-content {width:100%;margin:0 auto;padding-top:1.2rem;background:#fff;font-size:0.7rem;}
.wph-tab-content img {width:1.8rem;height:1.8rem;}
.shoplist {margin:0px;margin-top:0px;}
    .shoplist .shopimg {}
	.shoplist .shopimg img {width:100%;height:9.75rem;}
	.shoplist .shopcontent {overflow: hidden;}
	.shoplist .shoptitle {padding-left:5px;margin-top:10px;}
	.shoplist .shoptime {text-align:right;font-size:0.88em;color:#247DFF;line-height:25px;}
	.detaillist {width:48%;float:left;padding-bottom:0.62rem;margin-bottom:0.55rem;margin-left:2px;background-color:rgb(255,255,255);overflow:hidden;}
	.detaillist_r {width:48%;float:right;padding-bottom:0.62rem;margin-bottom:0.55rem;margin-left:2px;background-color:rgb(255,255,255);overflow:hidden;}
	.divflow{height:3em;overflow:hidden;}
	.nav-tabs li {margin:0px;}
	.input-group-addon {background-color:rgb(255,255,255);border-right:0px;}
  .wph-booklist {width:100%;margin:0 auto;padding:0px;}
  .wph-booklist .wph-list-item {
    background-color: #fff;
    position: relative;
    width: 100%;
    padding-bottom: .7rem;
    margin-bottom: .6rem;
}
.wph-list-item .books-image {
    position: relative;
    width: 100%;
    height: 7.96rem;
    overflow: hidden;
    margin-bottom: .12rem;
}
.books-image img {width:100%;height:auto;}
.wph-list-item .books-name {
    font-size: .8rem;
    color: #151516;
    height: 2.6rem;
    line-height: 0.8rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    vertical-align: middle;
    padding-top: 0.6rem;
    padding-left:0.2rem;
}
.book-price {
      text-align:left;
      font-size: .9rem;
      color: #e02e24;
      padding-left: .1rem;
      font-weight: 700;
}
.booklist{width:100%;margin:0;padding:0;background-color: #fff;}
#datalist {width:100%;}
#datalist .shopimg {width:100%;height: 7.96rem;overflow: hidden;}
#datalist .shopimg img {width:100%;}
#datalist .shoptitle {
    font-size: .8rem;
    color: #151516;
    height: 2.6rem;
    line-height: 0.8rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    vertical-align: middle;
    padding-top: 0.6rem;
    padding-left:0.2rem;
}
.shoplistline {width:100%;margin:0px;padding:0px;background: #f2f2f2;height:.51rem;}
#datalist .vshoptime {color:#333;padding-left:.4rem;}

.raysmallfont {    
    padding-left: .3rem;
    font-size: .6rem;
    color: #9c9c9c;
    padding-bottom: .02rem;
}
.btn-size-1 {width:5.2rem;height:1.5rem;line-height:1.5rem;font-size.0.4rem;}
.btn-size-2 {width:4.2rem;height:1.3rem;line-height:1.3rem;font-size.0.2rem;}
.content-bgcolor {height:1.8rem;line-height: 1.8rem;font-size:.8rem;font-weight:700;padding-left:0.3rem;}
.whitefont,.whitefont a:link,.whitefont a:hover,.whitefont a:visited {color:#fff;} 

.footer-kong{width:100%;margin:0px;height:2.3rem;}
.footer {
    width: 100%;
    height: 2.5rem;
    position: fixed;
    margin:0px;
    padding:0px;
    bottom: 0;
    left: 50%;
    border-top:1px solid #E2E2EF;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0);
    background-color: #F7F7FA;
    z-index: 10000!important;
}
.footer .footer-li {
    float: left;
    width: 25%;
    text-align: center;
    margin: 0 auto;
    padding-top:.3rem;
    height: 100%;
    font-size:.6rem;
}
.footer-li i { 
     display: block;
    font-size: 1.5em;
    margin-bottom: .03rem;
}
.ksub-tips {position:absolute;right:40%;top:3px;cursor:pointer;color:#ff0000;font-size:.5rem;}
.vkwsub-tips {position:absolute;width:.6rem;height:.6rem;line-height:.6rem;background-color:#ff0000;right:32%;top:3px;border-radius:20px;color:#fff;font-size:.5rem;}
.kwsub-tips {
    display: inline-block;
    padding: .15em .4em;
    min-width: 8px;
    border-radius: 18px;
    background-color: #f43530;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    font-size: .5rem;
    vertical-align: middle;
}