@CHARSET "UTF-8";


.bot-eb-menu {
    width: 100%;
    height: 0.95rem;
    position: fixed;
    background: #ffffff;
    left: 0;
    bottom: 0; 
    z-index: 1;
  border-top: 1px solid #e6e6e6;
    text-align: center;
/*	background: -webkit-linear-gradient(-90deg,#fff,#fff) top left no-repeat,-webkit-linear-gradient(90deg,#fff,#fff) bottom left no-repeat,-webkit-linear-gradient(-90deg,#ddd,#ddd 33%,transparent 33%) top left no-repeat,-webkit-linear-gradient(90deg,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
    background: -webkit-gradient(linear,left top, left bottom,from(#fff),to(#fff)) top left no-repeat,-webkit-gradient(linear,left bottom, left top,from(#fff),to(#fff)) bottom left no-repeat,-webkit-gradient(linear,left top, left bottom,from(#ddd),color-stop(33%, #ddd),color-stop(33%, transparent)) top left no-repeat,-webkit-gradient(linear,left bottom, left top,from(#ddd),color-stop(33%, #ddd),color-stop(33%, transparent)) bottom left no-repeat,#fff;
    background: -webkit-linear-gradient(top,#fff,#fff) top left no-repeat,-webkit-linear-gradient(bottom,#fff,#fff) bottom left no-repeat,-webkit-linear-gradient(top,#ddd,#ddd 33%,transparent 33%) top left no-repeat,-webkit-linear-gradient(bottom,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
    background: -moz-linear-gradient(top,#fff,#fff) top left no-repeat,-moz-linear-gradient(bottom,#fff,#fff) bottom left no-repeat,-moz-linear-gradient(top,#ddd,#ddd 33%,transparent 33%) top left no-repeat,-moz-linear-gradient(bottom,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
    background: linear-gradient(180deg,#fff,#fff) top left no-repeat,linear-gradient(0deg,#fff,#fff) bottom left no-repeat,linear-gradient(180deg,#ddd,#ddd 33%,transparent 33%) top left no-repeat,linear-gradient(0deg,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
 	-moz-background-size: 0 0,0 0,100% 1px,100% 0px;
      background-size: 0 0,0 0,100% 1px,100% 0px;*/
}
.bot-eb-menu ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
         justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
         align-items: center;
}
.bot-eb-menu ul li a.cur {
    color: #df3026;
    font-size: .22rem;
}
.bot-eb-menu ul li a {
    display: block;
    padding: .12rem 0 .06rem 0;
    color:#808080;
    position: relative;
        font-size: .22rem;
}

.bot-eb-menu ul li a:before {
    content: '';
    width: .44rem;
    height: .44rem;
    -moz-background-size: 100%;
         background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 0.04rem;
}
.bot-eb-menu ul li:nth-of-type(1) a:before{
	background-image: url(../img/ebook01.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.bot-eb-menu ul li:nth-of-type(1) a.cur:before{
	background-image: url(../img/ebook02.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.bot-eb-menu ul li:nth-of-type(2) a:before{
	background-image: url(../img/home03.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-eb-menu ul li:nth-of-type(2) a.cur:before{
	background-image: url(../img/home04.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
} 
.bot-eb-menu li:nth-of-type(3) a{
	padding-top: .56rem;
}
.bot-eb-menu ul li:nth-of-type(3) a:before {
	width: .74rem;
	height: .74rem;
	background-image: url(../img/centerBtn.png);
	position: absolute;
	top: -.25rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bot-eb-menu ul li:nth-of-type(3) a.cur:before {
	background-image: url(../img/centerBtn.png);
}
.bot-eb-menu ul li:nth-of-type(4) a:before{ 
	background-image: url(../img/home05.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-eb-menu ul li:nth-of-type(4) a.cur:before{
	background-image: url(../img/home06.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-eb-menu ul li:nth-of-type(5) a:before{ 
	background-image: url(../img/home07.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-eb-menu ul li:nth-of-type(5) a.cur:before{
	background-image: url(../img/home08.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
} 

.onLineRead {
    width: 100%;
    font-size: .3rem;
    color: #fff;
    background: #df3026;
    display: block;
    text-align: center;
}
.tryRead {
    background: #df3026;

}
.freeBuy {

    background: #ff811b;
}
.bkStateArea {
    width: 1rem;
    position: absolute;
    right: 0.25rem;
    top: 0.07rem;
}
.bkState02 {
    background: #dc3333;
}
.bkState03 {
    background: #5f69c8;
}
.bkState {
    width: 1rem;  
    position: absolute;
    top:0px;
    left:10px;
    height: .34rem;
    line-height: .34rem;
    color: #fff;
    text-align: center;
    font-size: .2rem;
    -webkit-border-radius: 0 0 0 .15rem;
    border-radius: 0 0 0 .15rem;
    margin-bottom: .1rem;
}

.eb_top_zero{
	margin-top:0px;
}

.online-see-eb{
    bottom:30%;
    display:none;
    position: fixed;
    right: 0.1rem;
    width: 1rem;
    height: 1rem;
    z-index: 1;
}
.online-see-logo{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../img/eb_read.png) no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.goEbCollect{
    position: fixed;
    margin-right: 0.5rem;
    top: 0.2rem;
    right: -0.5rem;
    width: 1.94rem;
    height: 0.46rem;
    line-height: 0.46rem;
    border: 1px solid #df3026;
    font-size: 0.26rem;
    text-align: center;
    z-index: 1;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    color: #df3026;
    background: #ffffff;
}



.bot-sao-menu {
    width: 100%;
    height: 0.95rem;
    position: fixed;
    background: #ffffff;
    left: 0;
    bottom: 0; 
    z-index: 1;
  border-top: 1px solid #e6e6e6;
    text-align: center;
/*	background: -webkit-linear-gradient(-90deg,#fff,#fff) top left no-repeat,-webkit-linear-gradient(90deg,#fff,#fff) bottom left no-repeat,-webkit-linear-gradient(-90deg,#ddd,#ddd 33%,transparent 33%) top left no-repeat,-webkit-linear-gradient(90deg,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
    background: -webkit-gradient(linear,left top, left bottom,from(#fff),to(#fff)) top left no-repeat,-webkit-gradient(linear,left bottom, left top,from(#fff),to(#fff)) bottom left no-repeat,-webkit-gradient(linear,left top, left bottom,from(#ddd),color-stop(33%, #ddd),color-stop(33%, transparent)) top left no-repeat,-webkit-gradient(linear,left bottom, left top,from(#ddd),color-stop(33%, #ddd),color-stop(33%, transparent)) bottom left no-repeat,#fff;
    background: -webkit-linear-gradient(top,#fff,#fff) top left no-repeat,-webkit-linear-gradient(bottom,#fff,#fff) bottom left no-repeat,-webkit-linear-gradient(top,#ddd,#ddd 33%,transparent 33%) top left no-repeat,-webkit-linear-gradient(bottom,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
    background: -moz-linear-gradient(top,#fff,#fff) top left no-repeat,-moz-linear-gradient(bottom,#fff,#fff) bottom left no-repeat,-moz-linear-gradient(top,#ddd,#ddd 33%,transparent 33%) top left no-repeat,-moz-linear-gradient(bottom,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
    background: linear-gradient(180deg,#fff,#fff) top left no-repeat,linear-gradient(0deg,#fff,#fff) bottom left no-repeat,linear-gradient(180deg,#ddd,#ddd 33%,transparent 33%) top left no-repeat,linear-gradient(0deg,#ddd,#ddd 33%,transparent 33%) bottom left no-repeat,#fff;
 	-moz-background-size: 0 0,0 0,100% 1px,100% 0px;
      background-size: 0 0,0 0,100% 1px,100% 0px;*/
}
.bot-sao-menu ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
         justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
         align-items: center;
}
.bot-sao-menu ul li a.cur {
    color: #df3026;
    font-size: .22rem;
}
.bot-sao-menu ul li a {
    display: block;
    padding: .12rem 0 .06rem 0;
    color:#808080;
    position: relative;
        font-size: .22rem;
}

.bot-sao-menu ul li a:before {
    content: '';
    width: .44rem;
    height: .44rem;
    -moz-background-size: 100%;
         background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 0.04rem;
}
.bot-sao-menu ul li:nth-of-type(1) a:before{
	background-image: url(../img/home01.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.bot-sao-menu ul li:nth-of-type(1) a.cur:before{
	background-image: url(../img/home02.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.bot-sao-menu ul li:nth-of-type(2) a:before{
	background-image: url(../img/home03.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-sao-menu ul li:nth-of-type(2) a.cur:before{
	background-image: url(../img/home04.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
} 
.bot-sao-menu li:nth-of-type(3) a{
	padding-top: .56rem;
}
.bot-sao-menu ul li:nth-of-type(3) a:before {
	width: .74rem;
	height: .74rem;
	background-image: url(../img/mainSao.png);
	position: absolute;
	top: -.25rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bot-sao-menu ul li:nth-of-type(3) a.cur:before {
	background-image: url(../img/centerBtn.png);
}
.bot-sao-menu ul li:nth-of-type(4) a:before{ 
	background-image: url(../img/home05.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-sao-menu ul li:nth-of-type(4) a.cur:before{
	background-image: url(../img/home06.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-sao-menu ul li:nth-of-type(5) a:before{ 
	background-image: url(../img/home07.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-sao-menu ul li:nth-of-type(5) a.cur:before{
	background-image: url(../img/home08.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
} 