.mui-bar {
    background: #ffffff;
    box-shadow: none;
    border-top: 1px solid #ececec;
    height: 50px;
}
.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
}
.mui-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
    box-shadow: 0 0 1px rgba(0,0,0,.85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mui-bar-tab .mui-tab-item {
    position: relative;
}
.mui-bar-tab .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
}
.nav-footer .icon-recommended {
    background-position: -15px -9px;
}
.nav-footer .footer-nav-icon {
    width: 32px;
    height: 33px;
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
    background-size: 200px;
    margin-top: -1px;
}

.nav-footer .mui-tab-label {
    font-size: 12px;
    height: 18px;
    width: 32px;
    line-height: 18px;
    display: block;
    bottom: 0;
    text-align: center;
    width: 100%;
}
.mui-bar-tab .mui-tab-item {
    position: relative;
}

.mui-bar-tab .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
}

.footer-nav-icon{background-image: url('../../image/footer-nav-icon.png');}
.mui-bar{ background: #ffffff;box-shadow:none;border-top: 1px solid #ececec; height: 50px}
/*zy*/.nav-footer .footer-nav-icon{width: 32px;  height: 33px;  display: block; text-align: center; margin: 0 auto;  vertical-align: top;background-size: 200px; }
/*zy*/.nav-footer .icon-recommended{ background-position: -15px -9px;  }
/*zy*/.nav-footer .icon-class{ background-position: -63px -9px}
/*zy*/.nav-footer .icon-bookcase{ background-position: -111px -10px;  }
.nav-footer .icon-topic{ background-position: -55px -141px;  }
/*zy*/.nav-footer .icon-mine{ background-position: -156px -10px;  }

/*zy*/.nav-footer .mui-active .icon-recommended{ background-position: -15px 46px;}
/*zy*/.nav-footer .mui-active .icon-class{ background-position: -63px -54px;   }
/*zy*/.nav-footer .mui-active .icon-bookcase{ background-position: -111px -55px;  }
.nav-footer .mui-active .icon-topic{ background-position: -55px -169px;  }
/*zy*/.nav-footer .mui-active .icon-mine{ background-position: -156px -55px;  }
/*zy*/.mui-bar-tab .mui-tab-item.mui-active{color: #282121; font-weight: bold}



.erweima{
    text-align: center;
    padding:25px 0;
    background: white;
}
.erweima img{
    margin:0 auto;
    width:200px;
    height:200px;
}
.erweima p{
    font-size: 14px;
	margin-top: 0;
	margin-bottom: 5px;		
	color: #8f8f94;
}
.books-col .item{border-bottom: 1px solid #f2f2f2;border-top:.2667rem;}
.books-col .item a{display: block;position: relative; overflow: hidden;}
.books-col .item a img{width: 100%;height: 260px;display: block;background-image: url(../images/default.jpg);background-repeat: no-repeat;background-size: 100%;border-bottom: 1px solid #eee;}
.books-col .item a .title{height: 24px;font-size: 0.45rem;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.books-col .item a .author{font-size: 0.3rem;color: #666;display: block;line-height: 24px;}
.books-col .item a .btn{position: absolute;right: 15px;top: 8px;font-size: 0.38rem;width: 80px;height: 0.9rem;line-height: 0.9rem; text-align: center;border: 1px solid #fc992f;border-radius: 5px;color: #ff890b;}
.books-col .item a p{font-size: 0.4rem;color: #999;line-height: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;margin-top: .2rem;}
.books-col .item .title i{float: right;font-size: .35rem;color: #5d5757;font-style: normal;margin: .1rem .3rem;}
.navselect{width: 60%;height: 28px;margin-left: 20px;background: #bb462c;border-radius: 3px; margin-top: 8px;border: 1px solid #ffffff}
.navimg{margin-top: 5px;margin-left: 10px;width: 25%}
.navbars{height: 1.2rem;background-color: #fcca01;display: flex;}
.flts{position: fixed;left: 0;top: 0;z-index: 9999;right: 0;}
.btns{float: right;margin-top: 4px;margin-right: 5px;}
.navselect label{
	position: relative;
	top: 5px;
	font-size: 14px;
	left: 10px;
	color: #ffffff;
}
.home-hottag-menu {

    height: 50px;
    bottom: 0;
    display: table;
    width: 100%;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
    z-index: 199;
	margin-top: -30px;
    position: relative;
	display:inline-block;
 

}
.box {
	width: 100%;
	background-color: #fff;
	display: -webkit-box;
}
.home-hottag-menu .home-hottag-item {
	display: block;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #929292;
	-webkit-box-flex: 1;
}
p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 10px;
	color: #8f8f94;
}
.box img{ width: 60px;height: 60px;}
.banner-bottom {
    margin-top: -7.5%;
    width: 100%;
    z-index: 190;
    position: relative;
}
.banner-bottom img {
    z-index: 190;
    width: 100%;
}


.index-head{
	position: fixed;
    width: 100%;
    z-index: 99999;
    background: #FEE100;
	top:0;
}



.index-head .zm{
	background: #fff;
    padding: .06rem 0.552rem;
    color: red;
    position: relative;
    z-index: 999999;
}
.index-head .zm p{
	margin-bottom: 0;
    color: #007aff;
    font-size: .35rem;
    line-height: 21px;
}
.index-head .zm a{
	position: absolute;
    right: 1.4rem;
    top: .3rem;
    background: #f44336;
    padding: .11rem .33rem;
    font-size: .35rem;
    color: #fff;
    border-radius: 5rem;
}
.index-head .zm span{
	width: .621rem;
    height: .621rem;
    position: absolute;
    right: .4rem;
    background: url(../../images/close.png) no-repeat;
    background-size: 100%;
    display: block;
    top: .38rem;
}


.zm-pos{
	display:none;
	position:fixed;
	z-index:99999;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.zm-pos .msk{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:.5;
	background:#000;
}
.zm-pos .txt{
	position: absolute;
    bottom: 16px;
    width: 90%;
    background: #fff;
    padding: .306rem 0;
    left: 5%;
    border-radius: 10px;
    text-align: center;
    font-size: .35rem;
}
.zm-pos .txt img{
	width: .69rem;
    height: .69rem;
    vertical-align: middle;
    margin: .0rem 0.1rem .25rem;
}
.zm-pos .txt .popover-angle {
	width: 0;
    border-width: 16px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -32px;
    left: 45.5%;
}


.index-head ul{
	width:70%;
	height:.828rem;
	margin: 0;
    padding: 0;
	display:-webkit-box;
	border-radius:2rem;
	margin:0.207rem auto;
	background:#763B00;
}
.index-head .isearch{
	position: absolute;
    right: 3%;
    top: .276rem;
    width: .69rem;
    height: .69rem;
}
.index-head ul li{
	-webkit-box-flex: 1;
	text-align: center;
    line-height: .828rem;
    height: .828rem;
    margin: 0;
    font-size: .4rem;
	color:#fff;
}
.index-head ul li:last-child{
	border:none;
}
.index-head ul li a{
	height:.828rem;
	line-height:.828rem;
	width:100%;
	display:block;
	border-radius:2rem;
	margin: 0 auto;
	color:#FEE100;
}
.index-head ul .active a{
	background: #FEE100;
    color: #763B00;
	margin-top:.05rem;
	height:.728rem;
	line-height:.728rem;
}


.banner-bottom {
    margin-top: -7.5%;
    width: 100%;
    z-index: 190;
    position: relative;
}
.banner-bottom img {
    z-index: 190;
    width: 100%;
}
.vd-nav {
    width: 100%;
    border-bottom: 10px solid #EFEFF4;
    display: flex;
    padding-bottom: .5rem;
    z-index: 190;
    position: relative;
    margin-top: -40px;
}

.vd-content .vd-items:last-child{
	border:none;
}

.usearch{
    width: 100%;
    position: fixed;
    top: 1.242rem;
    left: 0;
    z-index: 9999;
}
.usearch .msk{
	background: #000;
    opacity: .5;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.usearch input{
	width: 62.27%;
    margin: .225rem .325rem .225rem 5%;
    height: .21459rem;
    font-size: .32rem;
    border-radius: 5px;
    border: 1px solid #fff;
    -webkit-appearance: none;
    float: left;
    background: #fff;
    position: relative;
	padding: 10px 15px;
}
.usearch button{
	height: .8135rem;
    margin: .725em 0;
    padding: 0 .56959rem;
    background: #fff;
    color: #333;
    border-radius: 5px;
    border: none;
    -webkit-appearance: none;
	position:relative;
	font-size: .32rem;
}

.vlist{
	width:100%;
	margin:1.342rem 0 1.52rem;

}
.vlist li{
	display: inline-block;
    width: 100%;
	padding:.1rem 0;
	border-bottom:1px solid #eee;
}
.vlist li img{
	width: 3.5rem;
    height: 2.2rem;
    margin: .3rem .4rem;
    border-radius: 3px;
	float:left;
}
.vlist li div {
	width:96%;
	padding-top: .3rem;
    height: 2.2rem;
	position:relative;
}
.vlist li h1{
	font-size:.4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-color: white;
}
.vlist li p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-color: white;
	font-size: .3rem;
    line-height: .5rem;
}
.vlist li .txt a{
	position: absolute;
    bottom: 0;
    background: #fcca01;
    color: #fff;
    padding: 3.5px 10px;
    border-radius: 5px;
}
.vlist li .txt span{
	position: absolute;
    bottom: -.09rem;
    left: 6.5rem;
    height: .6rem;
    width: .6rem;
    background: url(../../images/gou.png) no-repeat;
    background-size: 100%;
}

.vpDiv{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:#000;
	opacity:.7;
}

.vpDiv .txt{
	position: absolute;
    top: 15%;
    text-align: center;
    color: #fff;
    width: 65%;
    background-size: 100%;
    height: 10rem;
    left: 17.5%;
    background-repeat: no-repeat;
}
.vpDiv .txt img{
	width: 100%;
    height: 100%;
}
.vpDiv .txt .money{
	position: absolute;
    left: 0;
    top: 4rem;
    font-size: .6rem;
    color: #4ffd44;
    font-weight: 600;
    width: 100%;
}
.vpDiv .txt a:nth-child(3){
    display: block;
    width: 60%;
    border: 1px solid #4ffd44;
    padding: .15rem 0;
    border-radius: 5px;
    color: #4ffd44;
    font-size: .4rem;
    position: absolute;
    bottom: 2.5rem;
    left: 20%;
}
.vpDiv .txt a:nth-child(4){
    display: block;
    width: 60%;
    border: 1px solid #4ffd44;
    padding: .15rem 0;
    border-radius: 5px;
    color: #4ffd44;
    font-size: .4rem;
    position: absolute;
    bottom: 1rem;
    left: 20%;
}