body{
	background-color: #f2f2f7;
	font-family: "微软雅黑";
}
html,body{height:auto}
.login-area,.room-area,.join-area,.delList-area,.delNoShop-area,.exp-area,.per-area,.shopAdd-area,.batchDel-area{
	display: none;
}
.editSucc-area,.name-area,.phone-area,.city-area,.detail-area,.bus-area{
	display: none;
}
.firstLight {
    margin-left: .2rem;
}
.overHide {
    overflow: hidden;
}
.addPf {
    position: fixed!important;	
    left: 0;
}
.fn-clear:after {
	display: block;
	font-size: 0;	
	content: " ";
	clear: both;
	height: 0;
}

.fn-left {
	float: left;
}

.fn-right {
	float: right;
}
.addBor{
    border-bottom: 1px solid #ebe9f0;
	
}


.hasbg {
    background: #fff;
    -moz-box-shadow: 0px 1px 1px 0px #dedede;
         box-shadow: 0px 1px 1px 0px #dedede;
    -webkit-box-shadow: 0px 1px 1px 0px #dedede;
}

.xyHasbg {
    background: #e43130;
    -moz-box-shadow: 0px 1px 1px 0px #dedede;
         box-shadow: 0px 1px 1px 0px #dedede;
    -webkit-box-shadow: 0px 1px 1px 0px #dedede;
}
.indx-header {
    width: 100%;
    height: 1rem;
    overflow: hidden;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.has-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
.search-model {
    width: 92%;
    height: .6rem;
    line-height: .6rem;
    padding: 0 0 0 1.42rem;
    background: #f2f4f7;
    font-size: .24rem;
    color: #b2b2b2;
    -moz-border-radius: .1rem;
         border-radius: .1rem;
    margin-top: .24rem;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 0.3rem;
    display: inline-block;
}

.xy-saerch-model{	
	width: 85%;
    height: .6rem;
    line-height: .6rem;
    padding: 0 0 0 0.62rem;
    background: #f2f4f7;
    font-size: .24rem;
    color: #b2b2b2;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    margin-top: .24rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 0.2rem;
    display: inline-block;
    float:left;
}

.xy-little-btn{
    margin-left: .15rem;
    height: .6rem;
    width: .6rem;
    float: left;
}
.xy-little-img{
    width: .5rem;
    height: .5rem;
    margin-top: 50%;
}
/**
.xy-little-img-tips{
	font-size:.2rem;
	color: #fff;
}

**/



 
.multiFunctionSelect{
	position: fixed;
/*     height: 2.2rem; */
    width: 2.3rem;
    z-index: 999;
    text-align: center;
    background: #fff;
    margin-left: 80%;
    margin-top: 20%;
    margin: 0 auto;
    top: 10%;
    border-radius: 5px;
    /* bottom: 0; */
    right: 3%;
}

.multiFunctionSelect::before {
   content: "";
   position: absolute;
   top: -.40em; 
   right: 1em;
   padding: .35em;
   background: inherit;
   border: inherit;
   border-right: 0;
   border-bottom: 0;
   transform: rotate(45deg);
}

.multiFunctionSelect .item{
   height:.65rem;
    display: block;
    padding: .15rem 0 .06rem 0;
    color:#808080;
    position: relative;
    font-size: .22rem;
}
.multiFunctionSelect .item .logo{
   width: 20%;
   margin-right: .2rem;
   margin-top: 1%;
}
.multiFunctionSelect .item .tips{
    color: #333333;
    font-size: .3rem;
}
.multiFunctionSelect .topLine{
    border-top: 1px solid #333333;
}

/**
.multiFunctionSelect 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;
}
**/
.h-ser-con {
    display: inline-block;
    padding-left: .2rem;
}

.h-ser-icon {
    width: .22rem;
    height: .22rem;
    background: url(../img/search01.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    /* background-size: 100%; */
    display: inline-block;
    /* vertical-align: middle; */
    position: relative;
    top: 0.03rem;
}


.swiperList{
	margin-bottom: 0.28rem;
}
.swiperList .swiper-slide{
	height: 3.6rem;
  text-align: center;
    font-size: 18px;
    width: 86%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -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;
}

.container{
	width: 100%;
    position: absolute;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.banner-area{
	width: 100%;
	position: relative;
	
	height: 3.62rem;
}

.wrap {
    position: relative;
    top: 0;
    left: 0;
    overflow-x: hidden;
    margin-bottom: 0.96rem;
    overflow-y: scroll;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}

.per-op-container .swiper-slide{
	height: 3.62rem;
}
.banner-area div img {
  max-height: 100%;
}

/*s*/
.rec-hidden-box{
	height: 3.36rem;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.24rem;
}
.rec-content-hd{
	width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 3.8rem;
    padding-left: 0.2rem;
}

.indexTitWrap{
	padding:0 0.2rem;
	
}
.indexTit{
	color:#19191a;
	font-size: 0.32rem;
	padding:0.2rem 0;
}
.RecImg{
	width: 0.34rem;
	height: 0.33rem;
	margin-right: 0.16rem;
	position: relative;top:0.04rem;
}
.newsFlagImg{
	width: 0.30rem;
	height: 0.29rem;
	margin-right: 0.16rem;
	position: relative;
	top:0.1rem;
}
.exChange{
	color:#b2b2b2;
	font-size: 0.24rem;
	margin-top:0.26rem;
}
.exChangImg{
	width: 0.22rem;
	height: 0.22rem;
	margin-right: 0.08rem;
	position: relative;top:0.05rem;
}
.recommendWrap{
	border-top: 1px solid #ebe9f0;
	border-bottom: 1px solid #ebe9f0;
	background: #fff;
}
.recommendLeft{
	width: 2.9rem;
	text-align: center;
	border-right: 1px solid #ebe9f0;
	padding-top:0.3rem;
	padding-bottom: 0.26rem;
}
.recommendRight{
	width: 4.27rem;
}
.recommendImg1{
	margin: auto;
	width: 1.9rem;
	height: 1.9rem;
}
.recommendImg2{
	display: inline-block;
    width: 1.22rem;
	height: 1.22rem;
}
.recommendImg1 img,.recommendImg2 img{
	    border: 0px;
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}
.recommendIcon{
	display: inline-block;
	width: 0.26rem;
	height: 0.24rem;
	line-height: 0.24rem;
	text-align: center;
	color:#ffffff;
	font-size: 0.2rem;
	    position: relative;
   
    top:-0.03rem;
}
.recIcon1{background: url(../img/index02.png) no-repeat;-moz-background-size: 100% 100%;background-size: 100% 100%; left: -0.08rem;}
.recIcon2{background: url(../img/index03.png) no-repeat;-moz-background-size: 100% 100%;background-size: 100% 100%;margin-right: 0.1rem;}
.recIcon3{background: url(../img/index01.png) no-repeat;-moz-background-size: 100% 100%;background-size: 100% 100%;margin-right: 0.1rem;}
.recommendTit{
	color: #19191a;
	font-size: 0.26rem;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.recTit1{
	margin-top:0.19rem;
	margin-bottom: 0.02rem;
}
.recTit2{
	margin-top: 0.2rem;
	    margin-bottom: 0.1rem;
}
.recAuthor{
	font-size: 0.22rem;
	color: #b2b2b2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.recommendTwo{
	border-bottom: 1px solid #ebe9f0;
}
.recommendBook{
	padding:0.21rem 0.2rem 0.21rem 0.36rem;
}
.recBookTwo{
    width: 2.4rem;
}


.item-content {
      padding: 0 0 .3rem .2rem;
}
#newWrapper {
    width: 100%;
}
#scroller {
    font-size: 0;
}
.rec-slide {
    float: left;
    width: 6rem;
    margin-right: .18rem;
}
.rec-act-det {
    display: block;
}
.rec-top {
    -moz-border-radius: .1rem;
         border-radius: .1rem;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    border:1px solid #ebe9f0;
    padding: .3rem 0;
}
.rec-top img {
    height: 1.9rem;
}



.rec-list{
	width: 100%;
}
.rec-list li{
	float: left;
	width: 33.3%;
	text-align: center;
}
.rec-title{
	    margin-top: 0.08rem;
    margin-bottom: 0.03rem;
	color:#19191a;
	font-size: .26rem;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.06rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.rec-author{
	font-size: 0.22rem;
	color:#b2b2b2;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.06rem;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
}


.bListWrap{
	position: relative;
	/*border-bottom: 1px solid #ebe9f0;*/
	margin-bottom: 0.3rem;
}
.indexBg{
	width: 100%;
	height: 2.66rem;
	position: absolute;
	top:0;
	left: 0;
	z-index: -1;
}
.indexBg01{
	background: url(../img/indexBg01.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.indexBg02{
	background: url(../img/indexBg02.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.indexBg03{
	background: url(../img/indexBg03.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.indexBg04{
	background: url(../img/indexBg04.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.indexBg05{
	background: url(../img/indexBg05.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.indexBg06{
	background: url(../img/indexBg06.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}.indexBg07{
	background: url(../img/indexBg07.jpg) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bListTop{
	padding:0 0.2rem;
	    height: 1rem;
    line-height: 1rem;
}
.bListTopTit{
	color:#ffffff;
	font-size: 0.32rem;
}
.bListTopMore{
	color:#ffffff;font-size: 0.26rem;
}

.bList{
	    /*padding-top: 0.16rem;*/
	background: #ffffff;
}

.bList li{
	float: left;
	width: 33.3%;
	border-bottom:1px solid #ebe9f0;
	padding-top:0.24rem;
	height:3.15rem;
	
}
.bListImg{
	text-align:center;
	
}

.bList li img{
	height:1.8rem;
}
.bListTit{
	color:#19191a;
	font-size: 0.26rem;
	    height: 0.6rem;
    line-height: 0.3rem;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
overflow: hidden;
padding: 0 0.2rem;
}
.bListAuthor{
	color:#999999;
	font-size: 0.22rem;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height:0.3rem;
    padding: 0 0.2rem 0.02rem;
}

.headTop{
	 width: 100%;
	 position: fixed;
    left: 0;
    top: 0;
        z-index: 2;
}

.sec-header {
    width: 100%;
    height: 0.96rem;
    background: #22292c;
   
    color: #fff;
    z-index: 1;
    line-height: 0.96rem;
    font-size: .32rem;
    text-align: center;
}
.ret {
    width: .21rem;
    height: 0.41rem;
    background: url(../img/ret.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    position: absolute;
    left: .28rem;
    top: .26rem;
}

.searchWrap{
	width: 100%;
	height: 0.9rem;
	background: #df3026;
	padding-left: 0.28rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sInputWrap{
	display: inline-block;
	-moz-border-radius: 0.05rem;
	     border-radius: 0.05rem;
	width: 5.76rem;
	height: 0.6rem;
	line-height: 0.6rem;
	padding:0 0.2rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background: #fff;
	margin-top: 0.15rem;
	position: relative;
}
.seachIcon{
	 display: inline-block;
	 width: 0.22rem;
	 height: 0.22rem;
	 background: url(../img/search01.png) no-repeat;
	  -moz-background-size: 100% 100%;
	       background-size: 100% 100%;
	      position: relative;
    top: 0.02rem;
}
.selectSearchInput{
	display:inline-block;
	width: 60%;
	margin-left: 0.22rem;
	height: 0.4rem;
	line-height: 0.4rem;
	background: none;
	font-size: 0.24rem;
	    margin-top: 0.1rem;
}
.normalSearchInput{
	display:inline-block;
	width: 84%;
	margin-left: 0.22rem;
	height: 0.4rem;
	line-height: 0.4rem;
	background: none;
	font-size: 0.24rem;
	    margin-top: 0.1rem;
}

.clearInput{

	position: absolute;
	right: 0.18rem;
	top:0.18rem;
	display: inline-block;
	width: 0.26rem;
	height: 0.26rem;
	 background: url(../img/close01.png) no-repeat;
	  -moz-background-size: 100% 100%;
	       background-size: 100% 100%;
}

.sCancel{
	display: inline-block;
	font-size: 0.32rem;
	color: #ffffff;
	height: 0.6rem;
	line-height: 0.6rem;
	margin-left: 0.18rem;
}
.sDistTop{
	    margin-top: 0.9rem;
}
.sRecTitle{
	color:#999999 ;
	font-size: 0.24rem;
	padding-left: 0.28rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	height: 0.62rem;
	line-height: 0.62rem;
}
.sRecCon{
	background: #ffffff;
	padding:0.2rem 0;
	border-top: 1px solid #efedf3;
	border-bottom: 1px solid #efedf3;
}
.sRecList{
	
}
.sRecList li{
	float: left;
	color: #18191a;
	font-size: 0.28rem;
	margin:0.1rem 0.28rem;
}


.history-con {
    background: #fff;
    width: 100%;
    	border-top: 1px solid #efedf3;
	border-bottom: 1px solid #efedf3;
}

.history-ul {
    width: 100%;
        padding-left: .28rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


.history-ul li {
	border-bottom: 1px solid #efedf3;
	height: 1.08rem;
	line-height: 1.08rem;
	 padding-right: .28rem;
}

.history-ul li a {
    color: #18191a;
    font-size: .28rem;
    display: inline-block;
    width: 93%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; 
}

.history-del{
	display: inline-block;
	width: 0.1rem;
	height: 0.1rem; 
	background: url(../img/close02.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%; 
}
.clearAll{
	width: 100%;
	font-size: 0.28rem;
	color:#bbbabf;
	text-align: center;
	padding-bottom: 0.5rem;
	padding-top: 0.3rem;
}


/*閬僵灞�*/
.mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
    background: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.his-area{
	display: none;
}

.popup-area{
	width: 70%;
    max-height: 6.5rem;
    line-height: 0.4rem;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 4;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: auto;
    padding: 0.4rem 0.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.orderSucArea {
    position: static;
    margin: 1.04rem auto 0;
    background: none;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.person-area{
	width: 78%;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	     transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 4;
	-moz-border-radius: .1rem;
	     border-radius: .1rem;
	overflow: auto;
	padding: 0.4rem  0.25rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.toOrder{
	width: 100%;
	    margin-top: 0.48rem;
}

.toOrder li{
	
	font-size: 0.28rem;
	width: 100%;
	text-align: center;
}
.confirmWrap{
	width: 100%;
    margin-top: 0.48rem;
}

.confirmWrap li{
	
	font-size: 0.28rem;
	width: 48%;
	text-align: center;
}
.isNo{
	height: 0.62rem;
	line-height: 0.62rem;
	color: #df3026;
	border:1px solid #df3026;
	
}
.isNo a{
	color: #df3026;
}
.isTrue{
	background: #df3026;
	color: #ffffff;
	height: 0.64rem;
	line-height: 0.64rem;
}
.isTrue a{
	
	color: #ffffff;
}

.hisTit{
	font-size: 0.32rem;
	color: #1a1a1a;
	text-align: center;
	margin: .26rem 0;
}
.reason{
	text-align: center;
	color: #999999;	
	font-size: 0.24rem;
}


.sBookWrap{
	
}

.sBookNum{
	color: #999999;
	font-size: 0.24rem;
	height: 0.46rem;
	line-height: 0.46rem;
	padding-left: .28rem;
}
.sNumColor{
	color:#1a1a1a;
}

.sBookList{
	background: #fff;
		border-top: 1px solid #efedf3;
	border-bottom: 1px solid #efedf3;

	
}
.sBookList li{
	padding:.16rem 0;
		position: relative;
/*	padding-left: .28rem;*/
}
.sBookCover{
	width: 1.9rem; 
	text-align: center;
}
.sBookCover img{
	height: 1.9rem;
	max-width:100%;
}
.sBookTit{
	width: 100%;
	color: #18191a;
	font-size: 0.26rem;
	    margin-top: 0.3rem;
	        margin-bottom: .16rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
}

.bar01{
	width: 96%;
	height: 1px;	
	position: absolute;
	right: 0;
	bottom: 0;
	background: #ebe9f0;
}

.sBookInfo{
	width:5rem;
}
.sBookText {
    font-size: 0.22rem;
    color: #999999;
    margin-bottom: 0.02rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.goTop{
	display: none;
	position: fixed;
	bottom: 0.92rem;
	right: 0.2rem;
	width: 0.64rem;
	height: 0.64rem;
	z-index: 1;
}
.goHome{display: none;
	position: fixed;
	bottom: 0.22rem;
	right: 0.2rem;
	width: 0.64rem;
	height: 0.64rem;
	z-index: 1;
}
.backTop{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../img/backTop.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.backHome{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../img/backHome.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.marTop{
/*	margin-top: 0.96rem;*/
}

.sortUl{
	width: 100%;
	background: #ffffff;

	    margin-bottom: 0.2rem;
} 
.sortUl>li{
		margin-left:.3rem ;
			
			border-bottom: 1px solid #ebe9f0;
}
.sortUl>li:last-child{
		border-bottom: none;
}

.sortUl>li a{
	padding: 0.42rem .3rem 0.34rem 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sortIcon{
	margin-right: 0.3rem;
}
.sortIcon img{
	width: 0.72rem;
	height: 0.72rem;
}
.sortInfo{
	width: 5.58rem;
	
}
.sortTit{
	color:#18191a;
	font-size: 0.3rem;
}
.sortFlag{
	width:0.12rem ;
	height: 0.22rem;
	background: url(../img/flag04.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	    position: relative;
    top: .1rem;
}
.introUl {
	width: 100%;
	height: 0.34rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.introUl  li {
    float: left;
    margin-right: 0.3rem;
    color: #999999;
    font-size: 0.22rem;
    width: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.introUl  li:last-child{
	margin-right: 0!important;
}

/*sort2.html*/
.left-con {
	top:0;
    width: 24%;
    height: 100%;
    background: #f3f3f3;
    position: fixed;
    left: 0;
    overflow-y: scroll;
   
    background: #f2f2f7;
}

.left-con ul li {
	overflow: hidden;
	/* border-right: 1px solid #ebe9f0;*/
}
.left-con ul li a.cur {
	background: #ffffff;
	 border-top: 1px solid #ebe9f0;
	 border-bottom: 1px solid #ebe9f0;
 border-right: none!important;
   background: #fff;
   background-position: right;

}

.tit-list {
    color: #1a1a1a;
    font-size: .26rem;
  padding-left: 0.3rem;
  padding-top: 0.38rem;
  padding-bottom: 0.38rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    display: block;
}







.right-con {
    width: 76%;
  
    overflow: hidden;
    margin-left: 24%;
    position: relative;
    margin-top: 0.77rem;
    margin-bottom: 1rem;
}
.right-con2 {
    width: 76%;
    background: #fff;
    overflow: hidden;
    margin-left: 24%;
    position: relative;
}

.sort-fn-wrap{
	top:0;
	width: 76%;
	/* height: 100%; */
	position: fixed;
	right: 0;
	z-index: 1;
}


.sort-fn{
	
background: #fff;
	
width: 100%;
	
border-bottom: 0.01rem  solid #ebe9f0;
}
.sort-fn>li{
	position: relative;
	float: left;
	width: 50%;
	height: 0.78rem;
	line-height: 0.78rem;
	text-align: center;
	font-size: 0.26rem;
	color:#7d7d80;
	z-index: 1;
}
.sort-fn>li:first-child{
	border-right: 0.01rem  solid #ebe9f0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	color: #df3026;
}
.defultSortUl{
	width: 100%;
	position: absolute;
	top:0.78rem;
	background: #fff;	
	-webkit-box-sizing: border-box;	
	   -moz-box-sizing: border-box;	
	        box-sizing: border-box;
	border-left: 0.01rem  solid #ebe9f0;
	border-right: 0.01rem  solid #ebe9f0;
	-webkit-box-shadow: 0px 1px 5px #ebe9f0;
	   -moz-box-shadow: 0px 1px 5px #ebe9f0;
	        box-shadow: 0px 1px 5px #ebe9f0;
}
.isHide{
	display: none;
}
.defultSortUl li{
	padding:0 0.32rem;
	font-size: 0.26rem;
	color: #18191a;
}
.defultSortUl li:last-child{
	border-bottom:none;
}
.defultSortUl li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	border-bottom: 0.01rem  solid #ebe9f0;
}
.down01{
	display: inline-block;
	width: 0.14rem;
	height: 0.08rem;
	background: url(../img/down01.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: relative;
	 margin-left: 0.06rem;
    top: -0.03rem;	
}
.down02{
	background: url(../img/down02.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.hasBuy.active{
	color: #df3026;
}

.sortListInfo{
	width: 3.3rem;
}






.bookInfoTop{
	position: relative;
}

.swiper-img{
	text-align: center;

}


.bookMar{
		background: #ffffff;
	padding:0.24rem 0;
}

.swiper-pagination-bullet{
	color:#cccccc;
}

.ret02{
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../img/ret02.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: fixed;
    top: 0.2rem;
    left: 0.3rem;
	z-index: 1;
}
.guwuIcon{
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background: url(../img/gouwu01.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: relative;
	top: 0.04rem;
	margin-right: 0.1rem;
	margin-left: 0.2rem;
}
.goBuy{
	position: fixed;
	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;
}

.guwuNum{
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	background:#ff811b;
	-moz-border-radius: 50%;
	     border-radius: 50%;
	color:#ffffff;
	margin-right: 0.6rem;
	font-size: 0.2rem;
	position: relative;
	top:-0.02rem;
}

.bookTopInfo{
	border-top: 0.01rem solid #ebe9f0;
	border-bottom: 0.01rem solid #ebe9f0;
	padding:0.2rem 0.3rem;
	background: #ffffff;
}
.bookTopTit{
	color:#18191a;
	font-size: 0.3rem;
	  
}

.bookTopAuthor{
	color:#999999;
	font-size: 0.22rem;
	  padding-top: 0.1rem;
}
.bookTopMoney{
	/**font-size: 0.2rem;**/
}
.bookTopRed{
	font-size: 0.2rem;
	color:#df3026;
}
.bookTopGray{
	text-decoration:line-through;
	/**color:#bfbfbf;**/
	margin-left: 0.1rem;
}
.bookTopNum{
	color:#df3026;
	font-size: 0.4rem;
}
.mustPay{
	color: #666666;
	font-size: 0.2rem;
	margin-right: 0.08rem;
}
.bookAllMon{
	font-size: 0.2rem;
	color: #bfbfbf;
}
.bookAllMoney{
	font-size: 0.2rem;
	color:#bfbfbf;
	    height: 0.2rem;
    line-height: 0.2rem;
}
.bookFreight{
	margin-left: 0.26rem;
}

.bRoomWrap{
	padding:0.3rem;
	background: #ffffff;
	border-top: 0.01rem solid #ebe9f0;
	border-bottom: 0.01rem solid #ebe9f0;
	margin:0.2rem 0;
}
.bRoomText{
	color:#18191a;
	font-size: 0.26rem;
}
.bRoomStatus{
	font-size: 0.22rem;
	color:#FF0000;
}
.flag05{
	display: inline-block;
	width: 0.12rem;
	height: 0.2rem;
	background: url(../img/flag05.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: relative;
	top:0.02rem;
	margin-left: 0.12rem;
}

.bIntrWrap{
	background: #FFFFFF;
	 width: 100%;
	border-top: 0.01rem solid #ebe9f0;
	border-bottom: 0.01rem solid #ebe9f0;
}
.bIntrWrap li{
	padding-left: 0.3rem;
	/*height: 0.86rem;
	line-height: 0.86rem;*/
	border-bottom: 0.01rem solid #ebe9f0;
}
.bIntrWrap li:last-child{
	border-bottom:none;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bIntrTit{
	font-size: 0.26rem;
	color:#18191a;
	width: 1.7rem;
	line-height: 0.86rem;
}
.bIntrInfo{
	font-size: 0.26rem;
	color:#626466;
	width: 5rem;
	padding-top: .23rem;
	padding-bottom: .2rem;
}
.flag06{
	position: relative;	
	margin-right: 0.26rem;
	 top:0.03rem;
	display: inline-block;
	width: 0.06rem;
	height: 0.28rem;
	background: url(../img/flag06.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bRecommend{
	color: #19191a;
	font-size: 0.28rem;
	padding-left: 0.2rem;
	height: 0.66rem;
	line-height: 0.66rem;
}
.bookCon{
	padding: 0.32rem 0.28rem 0.4rem 0.28rem;
	color: #666666;
	font-size: 0.26rem;
	position: relative;
	background: #ffffff;
	line-height: 0.4rem;
		border-top: 0.01rem solid #ebe9f0;
		border-bottom: 0.01rem solid #ebe9f0;
}
.bookConText{
	font-size: 0.26rem!important;
}
.bookConText.active{
	 max-height: 2.38rem;
	  overflow: hidden;
	    text-overflow: ellipsis;
	        padding-bottom: 0.1rem;
}

.moreText{
	font-size: 0.2rem;
	color: #c30102;
	position: absolute;
	bottom: 0.1rem;
	right: 0.3rem;
}

.bBottomWrap{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	border-top: 0.01rem solid #ebe9f0;
	
		height: 0.96rem;
	line-height: 0.96rem;
	z-index: 1;
}

.noBookWrap{
	
	text-align: center;
	color: #ffffff;
	font-size: 0.3rem;
	background: #b3b3b3;
}

.hasBookWrap{
	background: #ffffff;
}
.hasBookUl{
	width: 4.26rem;
}
.hasBookUl li a{
	color: #ffffff;
}
.hasBookTime{
	color: #525252;
	font-size: 0.26rem;
	padding-left: 0.28rem;
}
.hasBookUl li{
	float: left;
	width: 50%;
	text-align: center;	
	font-size: 0.3rem;
	color:#ffffff;
}
.addBg{
	background: #ff811b;
}
.buyBg{
	background: #df3026;
}
/**.hasBookUl li:first-child{
	background: #ff811b;
}
.hasBookUl li:last-child{
	background: #df3026;
}**/

/*iphone4*/
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){
	.hasBookUl{
		width: 3.26rem;
	}
	.affirmList{
		width: 2.6rem!important;
	}
	.perMaxHeight {
  	  max-height: 2.06rem!important;
  
	}
	.pointe {
    right: -0.04rem!important;
	}
	.searOrIcon{
		right: 0.02rem!important;
	}
}
/*iphone5*/
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
.hasBookUl{
		width: 3.26rem;
	}
	.affirmList{
		width: 2.6rem!important;
	}
	.perMaxHeight {
  	  max-height: 2.06rem!important;
  
	}
	.pointe {
    right: -0.04rem!important;
	}
	.searOrIcon{
		right: 0.02rem!important;
	}
}

/*Samsung Galaxy S5 (portrait) */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
.hasBookUl{
		width: 3.26rem;
	}
	.affirmList{
		width: 2.6rem!important;
	}
}






.hidden-box {
    height: 3.2rem;
    width: 100%;
    /* margin-bottom: 0.4rem; */
    overflow: hidden;
}

.course-content-hd {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 3.6rem;
}
.course-content-hd ul {
    padding-left: 0.22rem;
    border-top: 0.01rem solid #ebe9f0;
    border-bottom: 0.01rem solid #ebe9f0;
    background: #ffffff;
}

.course-content-hd ul li {
    float: left;
    padding: 0.2rem 0;
    padding-right: 0;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.course-content-hd ul .course-hd {
    width: 2.1rem;
}
.course-hd {
    position: relative;
}
.course-content-hd ul .course-hd img {
    height: 2.1rem;
}


.cityBottom{
	width: 100%;
	background: #ffffff;
	z-index: 4;
	position: fixed;
	bottom: 0;
	left: 0;
	padding:0 0.3rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; 
}
.cityBottomTit{
	font-size:0.3rem;
	color: #1a1a1a;
	padding:0.2rem 0;
}
.cityBCancel{
	font-size:0.26rem;
	color:#a7a7a7;
}

.cityUl {
    color: #1a1a1a;
    font-size: 0.3rem;
    border-bottom: 0.01rem solid #ebe9f0;
}

.cityUl li {
    display: inline-block;
    margin: 0 0.16rem;
        padding-bottom: 0.16rem;
}

.cityUl li.active {
    border-bottom: 0.03rem solid #df3026;
}

.cityConUl {
    padding: 0.16rem 0;
    max-height: 3.36rem;
    overflow: auto;
}

.cityConUl li a {
	padding: 0.2rem 0;
    display: inline-block;
    width: 49%;
    font-size: 0.26rem;
    color: #333333;
    text-align: center;
}
.cityConUl li {
    display: none;
}
.unClick{
	color: #b2b2b2!important;
}
.join-wrap{
	width: 55%;
    max-height: 6.5rem;
    line-height: 0.4rem;
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 4;
    -moz-border-radius: .1rem;
         border-radius: .1rem;
    overflow: auto;
    padding: 0.34rem 0.25rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.joinTit {
    font-size: 0.30rem;
    color: #ffffff;
    text-align: center;
    margin: .26rem 0;
}






.guwuTit{
	color:#ffffff;
	font-size: 0.2rem;
	height: 0.76rem;
	line-height: 0.76rem;
	padding:0 0.3rem;
	background: #eaa4a3;
}

.gowuIcon{
	display: inline-block;
	width: 0.36rem;
	height: 0.36rem;
	background: #ffffff;
	-moz-border-radius: 100%;
	     border-radius: 100%;
	overflow: hidden;
	    position: relative;
    top: 0.08rem;
    margin-right: 0.22rem;
}
.guwuChange{
    padding: 0 0.3rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border-bottom: 0.01rem solid #ebe9f0;
    background: #ffffff;
  
}


.guwuChLeft{
	color: #333333;
	font-size: 0.24rem;
}
.allChange{
	display: inline-block;
	width: 0.38rem;
	height: 0.38rem;      
	background: url(../img/gouwu04.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: relative;
    top: 0.05rem;
    margin-right: 0.24rem;
    margin-left: 0.03rem;
}
.allChange.active{
	background: url(../img/gouwu05.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.guwuChRight{
	width: 3.9rem;
}
.delAllList{
	display: inline-block;
	width: 1.78rem;
	height: 0.52rem;
	line-height: 0.52rem;
	border:1px solid #e24138;
	text-align: center;
	color: #df3026;
	-moz-border-radius: 0.5rem;
	     border-radius: 0.5rem;
	font-size: 0.26rem;
	margin-right: 0.13rem;
	margin-top: 0.16rem;
}
.delNoBook{
	display: inline-block;
	width: 1.78rem;
	height: 0.52rem;
	line-height: 0.52rem;
	border:1px solid #ff811b;
	text-align: center;
	color: #ff811b;
	-moz-border-radius: 0.5rem;
	     border-radius: 0.5rem;
	font-size: 0.24rem;
}
.guwuList{
	margin-top: 1.92rem;
	
	border-bottom: none!important;
}

.guwuList.active {
	margin-top: 1.16rem;
}

.guwuList li{
	position: relative;
	padding-left: 0.52rem;
	border-bottom:0.01rem solid #ebe9f0; 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
	        box-sizing: border-box;
}
.guwuList li:last-child{
	border-bottom:none; 
}

.tempWrap{
	width: 100%;
	position: fixed;
    top: 1.85rem;
    z-index: 1;
    top:0;
    background: #ffffff;
}
.bookListMoney{
	font-size:0.32rem;

}
.bookListMar{
	margin-top: 0.28rem!important;
}
.noBook{
	width: 0.98rem;
	height: 0.38rem;
	line-height: 0.38rem;
	text-align: center;
	background: #f6f6f6;
	color: #999999;
	font-size: 0.24rem;
	border:0.01rem  solid #a0a0a0;
	-moz-border-radius: 0.03rem;
	     border-radius: 0.03rem;
}

	
.bookListTit{
	margin-top: 0.16rem;
    margin-bottom: 0.02rem;
}
.bookListRed{
	font-size:0.24rem;
}

.guwoLisInfo {
    width: 4.7rem;
}
.chosedWrap{
	position: absolute;
	top: 0.1rem;
	left: 0;
	padding: 0.84rem 0.3rem  0.84rem 0.33rem;
}
.chosed{
	display: inline-block;
    width: 0.38rem;  
    height: 0.38rem;
    background: url(../img/gouwu04.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
}
.hasChosed{
	background: url(../img/gouwu05.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
}


.gouwuStatus{
	position: fixed;
	left: 0;
	bottom: 0.96rem;
	width: 100%;
	height: 0.96rem;
	line-height: 0.96rem;
	background: #ffffff;
	z-index: 1;
	padding-left: 0.3rem;
	border-top:0.01rem solid #e6e6e6;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.gowuStatus1,.gowuStatus2,.gowuStatus3{
	display: none;
}

.setBtn{
	display: inline-block;
	width:3.2rem;
    height: 0.96rem;
    line-height: 0.96rem;
  
    color:#ffffff;
    font-size: 0.3rem;
    text-align: center;
}


.setOrder{
	  background: #df3026;
}
.setDisOrder{
	  background: #b3b3b3;
}
.bookSMon{
	margin-top: 0.06rem;
	height: 0.5rem;
	line-height: 0.5rem;
}
.bookSNum{
	color:#666666;
	font-size: 0.2rem;
	height: 0.2rem;
    line-height: 0.2rem;
}

.unallowed{
	background: #b3b3b3;
}

.bookMark{
	display: inline-block;
	width: 0.28rem;
	height: 0.28rem;
	line-height: 0.28rem;
	text-align: center;
	color: #ffffff;
	font-size: 0.2rem;
	-moz-border-radius: 50%;
	     border-radius: 50%;
	background: #df3026;
	    position: relative;
    top: -0.04rem;
    margin-left: 0.16rem;
}

.orderInfoList{
		border-top:none;
		
}
.orderInfoList li{
	border-bottom:1px solid #ebe9f0;
}
.orderInfoList li:last-child{
	border-bottom:none;
}

.confirmList{
	margin-bottom: 0.68rem;
}
.confirmList li{
	border-bottom:1px solid #ebe9f0;
}
.confirmList li:last-child{
	border-bottom:none;
}

.confirmTop{
	display: block;
	padding: 0.24rem 0.3rem;
	background:#fff url(../img/line01.png) no-repeat;
	background-position: bottom;
	position: relative;
}

.confirmInfo{
	color:#19191a;
	font-size: 0.3rem;
	margin-bottom: 0.04rem;
}
.confirmTel{
	margin:0 0.48rem;
}
.defultAdd{
	display: inline-block;
	background: #df3026;
	width: 0.6rem;
	height: 0.26rem;
	line-height: 0.26rem;
	text-align: center;
	color:#ffffff;
	font-size: 0.2rem;
	    position: relative;
    top: -0.04rem; 
}
.place{
	color:#999999;
	font-size: 0.26rem;
}

.placeIcon{
	width: 0.12rem;
	height: 0.2rem;
	background: url(../img/flag05.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: absolute;
	right: 0.3rem;
	top:0.54rem;
}
.checkList{
	height: 0.64rem;
	line-height: 0.64rem;
	border-top: 1px solid #ebe9f0;
	padding: 0 0.3rem;
	background: #fff;
	margin-top: 0.2rem;
	font-size: 0.26rem;
	color: #18191a;
}
.checkListCol{
	color:#18191a;
	padding-left: 0.08rem;
}
.payWrap{
	margin-top:0.2rem;
	background: #ffffff;
}
.payExpress,.couponArea {
	padding: 0 0.3rem;
	font-size: 0.26rem;
	color: #18191a;
	border-bottom: 0.01rem solid #ebe9f0;
}

.payExpress {
	font-size: 0.26rem;
	color: #18191a;
	height: 0.86rem;
	line-height: 0.86rem;
	border-bottom: 0.01rem solid #ebe9f0;
}

.couponArea{
	padding-bottom:.3rem;
	
}

.couponTop{
	padding-top:.3rem;
}

.couponIn{
	width: 100%;
	height: 1.1rem;
	line-height: .4rem;
	-webkit-box-shadow:0 0 0.1rem 0.01rem rgba(0, 0, 0, 0.12);
	box-shadow:0 0 0.1rem 0.01rem rgba(0, 0, 0, 0.12);
	background:url(../img/couBg.png) left center no-repeat;
	background-size: 2.1rem 1.2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	margin-top: .25rem;
	position: relative;
}

.couNum{
	width: 2.1rem;
	color: #fff;
	font-size: .2rem;
	text-align: center;
}

.couNum p:first-of-type{
	padding-top: .03rem;
}

.moneyIcon{
	font-size: .24rem;
	font-weight: 700;
}

.moneyNum{
	font-size: .38rem;
	font-weight: 700;
}

.couType{
	padding-left: .3rem;
}

.timeArea{
	font-size: .2rem;
	color: #999;
}

.timeIn{
	padding: 0 .05rem;
}

.couExpArea .mask{
	z-index: 4;
}

.couExpIn{
	width:78%;
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #fff;
	z-index: 5;
	 border-radius: .12rem;
}

.pickupTips{
	padding: 0 0.3rem;
	font-size: 0.26rem;
	color: #18191a;
	border-bottom: 0.01rem solid #ebe9f0;
}
.expIcon{
	display: inline-block;
	width: 0.12rem;
    height: 0.2rem;
    background: url(../img/flag05.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    position: relative;
    margin-left: 0.16rem;
    top:0.02rem;
 
}
.expStyle{
	font-size: 0.2rem;
	color: #60b381;
}
.expStyle-area{
	position: relative;
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 4;
    overflow: auto;
}
  .changeExpStyle li{
     height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: .28rem;
    color: #333333;
    border-bottom: 0.01rem solid #ebe9f0;
  }
  .changeExpStyle li:last-child{
  	 border-bottom:none;
  }
  
  .lineBg {
    width: 100%;
    background: #f5f5f9;
    height: 0.1rem;
}

.exp-cancel{
	text-align: center;
    font-size: .30rem;
      height: 0.8rem;
    line-height: 0.8rem;
    color: #333333;
}


.payStyleTit{
	color:#18191a;
	font-size:0.24rem;
	padding-top:0.3rem;
	padding-left:0.3rem;
	
}
.payStyle{
	padding:0.3rem;
	
}
.payStyle li{
	text-align: center; 
	float: left;
	height: 0.62rem;
	line-height: 0.62rem;
	width: 31%;
	font-size: 0.24rem;
	-moz-border-radius: 0.02rem;
	     border-radius: 0.02rem;
}

.weixin{
	margin-right: 2.5%;
	color:#3cb035;
	border:0.01rem solid #3cb035;
}
.weixin.active{
	background: #3cb035;
	color:#ffffff;
}
.weixinIcon{
	background: url(../img/weixin02.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.weixinIcon.active{
	background: url(../img/weixin01.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.payStyleIcon{
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.1rem;
	position: relative;
    top: 0.05rem;
  
}
.zhifubao{
	  margin-right: 2.5%;
	color:#00a2ff;
	border:0.01rem solid #00a2ff;
}
.zhifubao.active{
	background: #00a2ff;
	color:#ffffff;
}
.zhifubaoIcon{
	background: url(../img/zhifubao02.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.zhifubaoIcon.active{
	background: url(../img/zhifubao01.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.huodao{
	color:#ff811b;
	border:0.01rem solid #ff811b;
}
.huodao.active{
	background: #ff811b;
	color:#ffffff;
}
.huodaoIcon{
	background: url(../img/huodao01.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.huodaoIcon.active{
	background: url(../img/huodao02.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.popupIcon{
	display: block;
	margin:0 auto;
	width: 1.38rem;
	height: 1.24rem;
	margin-top: 0.2rem;
}
.setSucc-area,.setfail-area{
	display: none;
}

/*鐧诲綍s*/

.defultHead{
	width:1.7rem;
	height:1.7rem;
	-moz-border-radius: 50%;
	     border-radius: 50%;
	overflow: hidden;
	margin:0.74rem auto;
}
.defultHead img{
	width:1.7rem;
	height:1.7rem;
}

.lg-form{
	padding: 0 0.3rem;
}

.form-group{
	border: 1px solid  #ebe9f0;
	padding-bottom: 0.22rem;
	margin-bottom: 0.3rem;
	padding-top: 0.22rem;
	-moz-border-radius: 0.05rem;
	     border-radius: 0.05rem;
	background: #ffffff;
}

.form-group:nth-of-type(2){
	margin-bottom: 0.6rem;
}

.form-group:nth-of-type(2) .form-div{
    padding: 0.08rem 0.29rem;
}

input.inp-in{
	width: 80%;
    font-size: 0.26rem;
    background:none;
    margin-left:0.25rem;
    font-weight: 100;
}

.lg-icon{
    -moz-background-size: 100%;
         background-size: 100%;    
    display: inline-block;
    vertical-align: middle;   
    margin-top: -.1rem; 
}

.lg-man{
	 width:0.32rem;
    height:0.32rem;
    background-image: url(../img/login01.png);
}

.lg-pwd{
	 width:0.24rem;
    height:0.32rem;
    background-image: url(../img/login02.png);
}
.lg-lib{
	 width:0.37rem;
    height:0.32rem;
    background-image: url(../img/login08.png);
}
.form-div{
	display: inline-block;
	padding: 0.08rem 0.25rem;
	border-right: 1px solid #ebe9f0;
}
.pwd-div{
	display: inline-block;
	padding: 0.08rem 0.34rem;
	border-right: 1px solid #ebe9f0;
}
.login{	
	display: block;
	line-height: 0.86rem;
	height:0.86rem;text-align: center;
	background: #df3026;
	color: #ffffff;
	margin: 0 .3rem;	
	-moz-border-radius: 0.05rem;	
	     border-radius: 0.05rem;
	font-size: 0.32rem;
}

/*鐧诲綍e*/

.noShop{
	width: 100%;
	position: fixed;
	left: 0;
    bottom: 4.4rem;
	text-align: center;
	color:#999999;
	font-size: 0.24rem;
}
.noShop img{
	width: 2rem;
	height: 2rem;
	margin-top:0.4rem;
	margin-bottom:0.2rem;
}

.noOrderWrap{
	text-align: center;
	color:#999999;
	font-size: 0.24rem;
}
.noOrderWrap img{
	width: 1rem;
	height: 1rem;
	margin-top:0.4rem;
	margin-bottom:0.2rem;
}

.noResult{
	text-align: center;
	color:#999999;
	font-size: 0.24rem;
}

.noResult img{
	width: 3rem;
	height: 1.66rem;
	margin-top:0.4rem;
	margin-bottom:0.2rem;
}



/*涓汉涓績s*/

.personTop{
	height: 1.79rem;
	background: url(../img/bb.png) no-repeat;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
	bottom: 0.1rem;
}

.pLoginWrap{
	width: 5rem;
	position:absolute;
	top:0.32rem;
	left: 0.4rem;
}
.pLoginHead {
	width: 1.52rem;
	height: 1.21rem;
	overflow: hidden;
}
.pLoginHead img{
	width: 100%;
	height: 100%;
}
.pLoginName{
	font-size: 0.32rem;
	color: #ffffff;
	margin-left: 0.22rem;
	margin-top: 0.16rem;
	width: 60%;
}

.welcome{
	font-size: .24rem;
	opacity: .6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
}

.exit{
	position: absolute;
	right: 0.32rem;
	top: 0.68rem;
	display: inline-block;
	width: 1.24rem;
	height: 0.38rem;
	line-height: 0.38rem;
	font-size: 0.22rem;
	color: #ffffff;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
	background: #fa0e00;
	text-align: center;
	-webkit-box-shadow: 1px 0.04rem 0.1rem 0.01rem rgba(0, 0, 0, 0.43);
	box-shadow: 1px 0.04rem 0.1rem 0.01rem rgba(0, 0, 0, 0.43);
}
.pLoginBtn {
	width: 100%;
	padding: 0.16rem 0.3rem 0.1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.pLoginUl {
	width: 100%;
	-webkit-border-radius: 0.05rem;
	border-radius: 0.05rem;
	overflow: hidden;
	background: #fff;
	padding-bottom: .25rem;
}

.pLoginUl li,.moreFnArea{
	width:25%;
	height: 100%;
	float: left;
	text-align: center;
	padding-top: .25rem;
}

.pLoginUl li{
	display:none;
}

.pLoginUl li a,.moreFnArea a{
	display:block;
	width: 100%;
	height: 100%;
	color: #626466;
	text-align: center;
	font-size: 0.2rem;
	position: relative;
}

.pLine{
	width: 0.01rem;
	height: 0.6rem;
	background: #ebe9f0;
	position:absolute;
	top:0.3rem;
	right: 0;
	
}
.pLoginIcon{
	display: inline-block;
	width: 0.72rem;
	height: 0.72rem;
	top: 0.22rem;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.pLoginIcon1{
	background: url(../img/person01.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.pLoginIcon2{
	background: url(../img/person02.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.pBookOrder{
	padding:0 0.3rem;
	background: #fff;
	height: 0.64rem;
	line-height: 0.64rem;
	border-top: 0.01rem solid #ebe9f0;
	border-bottom:0.01rem solid #ebe9f0;
	margin: 0.1rem 0;
	color:#18191a;
	font-size: 0.26rem;
}
.pBookLink{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.pSearch{
	display: inline-block;
	width:0.22rem;
	height: 0.22rem;
	background: url(../img/search01.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: relative;
	top:0.2rem;
}
.personList{
	width: 100%;
}
.personList>li{
	border-top: 0.01rem solid #ebe9f0;
	border-bottom:0.01rem solid #ebe9f0;
	background: #fff;
	margin-bottom: 0.2rem;
}
.pTimeWrap{
	padding: 0 0.2rem;
	height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.26rem;
    color: #18191a;
    padding-left: 0.3rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 	
     border-bottom: 0.01rem solid #ebe9f0;
}

.perMaxHeight{
	max-height: 2.04rem;
	overflow: hidden;
}
.pTime{
	color:#999999;
	margin-left: 0.1rem;
}

.pShop{
	padding: .16rem 0;
    position: relative;
   
	border-bottom:1px solid #ebe9f0;
}
.pShop a{
	display: inline-block;
	width: 100%;
	height: 100%;
}

.pBookCover {
   width: 1.9rem;
    text-align: center;
}
.pBookCover img {
    height: 1.64rem;
}
.personListInfo{
	width: 5.1rem;
	position:relative;
}
.personListTit {
    margin-top: 0.2rem;
    margin-bottom: 0.04rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #18191a;
    font-size: 0.28rem;
}


.pStatus{
	/**position: absolute;
	right: 0.3rem;
	bottom: 0.3rem;
	font-size: 0.22rem;
	color:#df3228;**/
    float:right;
    right: 0.3rem;
    color: #df3228;
}
.perBookNum{
	color:#1a1a1a;
	padding-right: 0.06rem;
}
.perNumWrap {
    font-size: 0.24rem;
    color: #666666;
    position: absolute;
    left: 1.9rem;
    bottom: 0.3rem;
}
.perNumWrap.active .perFlag{
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	        transform:rotate(180deg); ;
}
.perFlag{
	display: inline-block;
	width: 0.16rem;
	height: 0.08rem;
	background: url(../img/flag07.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: relative;
	top: -0.02rem;
	left: 0.05rem;
}
.pListBottom{
	height: 0.86rem;
	line-height: 0.86rem;
	padding:0  0.3rem;
}
.pBtn{
	display: inline-block;
	padding:0.14rem 0.2rem;
	-moz-border-radius: 0.25rem;
	     border-radius: 0.25rem;
	font-size: 0.24rem;
	height: 0.22rem;
	line-height:  0.22rem;
}
.pGray{
	border:1px solid #b3b3b3;
	color: #000;
	margin-right: 0.1rem;
} 
.lookExp{
	
}
.pRed{
	border:1px solid #df3026;
	color: #df3026;
	margin-right:0.1rem;
}
.busWrap{
	margin-bottom: 0.32rem;
}

.busExpress{
	width: 0.94rem;
	margin-right: 0.28rem;
	margin-left: 0.13rem;
}
.busExpress img{
	width: 0.94rem;
	height: 0.72rem;
	
}
.busStatus{
	width: 3.7rem;
}
.personWrap{
	position: relative;
}
.closeBus{
	width: 0.22rem;
	height: 0.22rem;
	background: url(../img/closeBus.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	position: absolute;
	top:-0.2rem;
	    right: -0.05rem;
}
.cStatus{
	color:#000000;
	font-size: 0.32rem;
}

.cReason{
	color:#666666;
	font-size: 0.24rem;
}
.tips {
    font-size: 0.2rem;
    color: #666666;
}
.maxTips {
	max-height: 1.92rem;
    overflow: hidden;
}
.course-left {
   /* width: 1.44rem;*/
    width: 1.71rem;
    float: left;
    margin-right: 0.4rem;   
}
.busTime{
	padding-right: 0.2rem;
	text-align: right;
	padding-top: 0.1rem;
	/* margin-bottom: 0.26rem; */
	min-height: 0.86rem;
	line-height: 0.3rem;
}

.course-left ul li {
    height: 0.96rem;
    /*line-height: 54px;*/
    border-right: 0.01rem solid #e0e0e0;
    position: relative;
}

.pointe {
	display: inline-block;
    width: 0.1rem;
    height:  0.1rem;
    background: url(../img/point01.png) no-repeat;
        -moz-background-size: 100% 100%;
             background-size: 100% 100%;
    position: absolute;
    right: -0.05rem;
       top: 0.14rem;
}
.pActive{
	width: 0.2rem;
    height:  0.2rem;
    background: url(../img/point02.png) no-repeat;
     -moz-background-size: 100% 100% ;
          background-size: 100% 100% ;
     right: -0.1rem;
}

.course-right{
	float: left;
	    width: 3rem;
	line-height: 0.3rem;
}
  .course-right ul li{
  	min-height: 0.86rem;
  	padding-top: 0.1rem;
  }
/*涓汉涓績e*/




/*鎼滅储璁㈠崟s*/
.searchOrdTit{
	color: #999999;
	font-size: 0.26rem;
	height: 0.64rem;
	line-height: 0.64rem;
	padding-left: 0.3rem;
}
.searchOrdWrap{
	background: #ffffff;
	    border-top: 0.01rem solid #ebe9f0;
	    margin-bottom: 0.68rem;
}
.searchOrdBtn{
	display: block;
	height: 0.86rem;
	line-height: 0.86rem;
	text-align: center;
	margin: 0 0.3rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background: #df3026;
	font-size: 0.32rem;
	color:#fff;
	-moz-border-radius: 0.05rem;
	     border-radius: 0.05rem;
}

.searTime{
	    width: 5.1rem;
    height: 100%;
    font-size: 0.24rem;
    color: #626466;
    text-align: right;
}

.searOrTime{
	height: 0.86rem;
	line-height: 0.86rem;
	background: #ffffff;
	border-bottom: 0.01rem solid #ebe9f0;
	padding-left: 0.6rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sChangeTime{
	position: relative;
	width: 1.98rem;
	height: 0.52rem;
	line-height: 0.52rem;
	-moz-border-radius: 0.25rem;
	     border-radius: 0.25rem;
	border:0.01rem solid #b3b3b3;
	color:#666666;
	font-size: 0.24rem;
	margin-top: 0.16rem;
}
.sChangeTime input{
	position: absolute;
	top:0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
    outline: none;
    padding-left: 0.24rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.searOrIcon{
	position: absolute;
	right: 0.16rem;
	top:0.22rem;
	display: inline-block;
	width: 0.16rem;
	height: 0.08rem;
	background: url(../img/flag07.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.sTimeline{
	width: 0.15rem;
	height: 0.02rem;
	background: #666666;
	margin:0 0.12rem;
	margin-top: 0.44rem;
}
.searBtn{
	width: 1.5rem;
	height: 0.52rem;
	line-height: 0.52rem;
	text-align: center;
	-moz-border-radius: 0.25rem;
	     border-radius: 0.25rem;
	background: #df3026;
	color:#ffffff;
	font-size: 0.28rem;
	margin-left: 0.14rem;
	margin-top: 0.16rem;
}
.searMarTop{
	    margin-top: 1.02rem;
}
.refresh{
	    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}







/*鎼滅储璁㈠崟e*/
.orderTopWrap{
	height: 1.55rem;
	background: url(../img/orderBg.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.orderTopIcon img{
		width: 0.94rem;		
		height: 0.72rem;
		margin-top: 0.4rem;
		margin-left: 0.54rem;
		margin-right: 0.28rem;
	}
	.orderStatus{
		margin-top: 0.3rem;
		margin-bottom: 0.1rem;
		color:#ffffff;
		font-size: 0.34rem;
		font-weight: bold;
	}

.orderNumber{
	font-size: 0.26rem;
	color:#ffffff;
}
.orderCon{
	background: #ffffff;
	    border-top: 0.01rem solid #ebe9f0;
	    border-bottom: 0.01rem solid #ebe9f0;
	    margin-bottom: 0.2rem ;
	    margin-top: 0.2rem;
}
.orderConUl{
	margin-left: 0.3rem;
	padding-right: 0.3rem;
	width: 100%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
		font-size: 0.24rem;
		
}
.orderConUl li{
	/**height: 0.64rem;
	line-height: 0.64rem;
	margin-bottom: 1;**/
	padding: 0.14rem 0;
}
.orderConUl li:first-child{
	 border-bottom: 1px solid #ebe9f0; 
	 
	 }

.oConHint{
	width: 1.32rem;
    margin-right: 0.48rem;
	color:#19191a;
	    font-size: 0.24rem;
}
.oConGray{
	color:#999999;
	    font-size: 0.24rem;
}

.orderAdd{
	  margin-bottom: 0.2rem ;
	
	  position: relative;
	  background: #fff;
	  font-size: 0.26rem;
	  color: #19191a;
}
.orderAddUl{
	  padding:0.16rem 0.3rem;
}

.orderAddUl li{
	padding: 0.08rem 0;
	font-size: 0.24rem!important;
}

.oAddHint{
	width: 1.32rem;margin-right: 0.48rem;
}
.oAddInfo{
	width: 4.8rem;
}

.lineTop{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 0.02rem;
	background: url(../img/line01.png) no-repeat;
	-moz-background-size:100% 100%;
	     background-size:100% 100%;
}
.lineBottom{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	height: 0.02rem;
	background: url(../img/line01.png) no-repeat;
	-moz-background-size:100% 100%;
	     background-size:100% 100%;
}
.oInfoTip{
	background: #ffffff;
	padding:0 0.3rem 0 0.3rem;


}
.oInfoBusWrap{
	border-bottom: 0.01rem solid #e0e0e0;
}
.oInfoBus{
	background: #ffffff;
	
}
.oInfoBusTit{
	color: #666666;
	font-size: 0.26rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 0.3rem;
	background: #ffffff;
}

.oInfo-left{
    width: 1.91rem;
    float: left;
    margin-right: 0.4rem;
}
.oInfo-left ul li {
    height: 0.96rem;
    border-right: 0.01rem solid #e0e0e0;
    position: relative;
}
.oInfo-right{
	    float: left;
    width: 4.28rem;
    line-height: 0.3rem;
}
.oInfo-right ul li {
    min-height: 0.86rem;
    padding-top: 0.1rem;
}
.oInfoTime{
	    padding-right: 0.4rem;
    text-align: right;
    padding-top: 0.1rem;
    min-height: 0.86rem;
    line-height: 0.3rem;
}
.showBusWrap{
	    height: 0.5rem;
    line-height: 0.4rem;
}
.oneBor{
	width: 1.9rem;
	height: 100%;

}
.showBus{
	padding: 0 0.84rem;
	font-size: 0.22rem;
	color: #b2b2b2;
	height: 100%;
}
.showBus.active .showBusIcon{
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.showBusIcon{
	display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: relative;
    top: 0.03rem;
    margin-left: 0.04rem;
    background: url(../img/showBus.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
}


/*娴忚鍘嗗彶s*/
.oHisWrap{
	width: 100%;
	background: #ffffff;
	border-bottom: 0.01rem solid #ebe9f0;
}
.oHisWrap li{
	float: left;
	width: 33.3%;
	height: 0.86rem;
	line-height: 0.86rem;
	text-align: center;
	position: relative;
	
}
.oHisWrap>li>a {
    display: inline-block;
   height: 0.82rem;
   font-size: 0.28rem;
   color:#999999;
}
.oHisWrap>li>a.active {
    display: inline-block;
    border-bottom: 0.04rem solid #df3026;
    color:#df3026;
}
.bar04 {
    width: 0.01rem;
    height: 0.3rem;
    background: #ebe9f0;
    position: absolute;
    right: 0;
       top: 0.28rem;
}
.hisMarTop{
	margin-top: 0.87rem;
}
.hisTime{
	color:#999999;
	font-size: 0.26rem;
	padding-left: 0.3rem;
	height: 0.64rem;
	line-height: 0.64rem;
}


/*娴忚鍘嗗彶e*/


/*鏀惰揣鍦板潃s*/
.chosedFix{
	position: absolute;
	top:0.44rem;
	right: 0.35rem;
	display: none;
}

.shopAddTop{
	position: relative;
	padding: 0.24rem 0.3rem;
    position: relative;
    background: #ffffff;
}
.shopAddList li{
	border-top: 0.01rem solid #ebe9f0;
	border-bottom: 0.01rem solid #ebe9f0;
	margin-bottom: 0.2rem;
}
.shopAddCol{
	height: 0.56rem;
	line-height: 0.56rem;
	background: #ffffff;
	padding:0 0.3rem;
	border-top: 1px solid #ebe9f0;
}
.delIcon,.editIcon{
	position: relative;
	    top: 0.02rem;
	margin-right: 0.1rem;
}
.delIcon{
	display: inline-block;
	width: 0.22rem;
	height: 0.24rem;
	background: url(../img/delIcon.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.editIcon{
		display: inline-block;
	width: 0.24rem;
	height: 0.24rem;
	display: inline-block;
	background: url(../img/editIcon.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.delAdd,.editAdd{
	color:#999999;
	font-size: 0.26rem;
}
.delAdd{margin-right: 0.2rem;}

.setAddText{
	font-size: 0.26rem;
	color:#999999;
}
.chosedMar{
	position: relative;
	top:0.06rem;
	margin-right: 0.16rem;
}
.shopAddFix{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	
	z-index: 1;
	background: #ffffff;
}
.shopAddFix li{
	height: 0.86rem;
	line-height: 0.86rem;
	width: 100%;
	float: left;
}
.shopAddFix li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 0.32rem;
	color:#ffffff;
}



.shopAddFix2{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	
	z-index: 1;
	background: #ffffff;
}
.shopAddFix2 li{
	height: 0.86rem;
	line-height: 0.86rem;
	width: 50%;
	float: left;
}
.shopAddFix2 li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 0.3rem;
	color:#ffffff;
}


.batchDel,.batchCancel{
	background: #ff811b;
}
.addAddress,.confirmDel{
	background: #df3026;
}





.editTop{
	margin:0.2rem 0;
	border-top: 0.01rem solid #ebe9f0;
	border-bottom: 0.01rem solid #ebe9f0;
	background: #ffffff;
}
.editGroup{
	height: 0.82rem;
	line-height: 0.82rem;
	padding:0 0.3rem;
	border-bottom: 0.01rem solid #ebe9f0;
}
.editTit1{
	margin-right: 0.5rem;
	font-size: 0.24rem;
	color: #18191a;
}
.editGroup input{
	width: 70%;
	font-size: 0.24rem;
	color: #999999;
}

.editInfo{
	height: 0.86rem;
	line-height: 0.86rem;
	background: #ffffff;
	padding:0 0.3rem;
		border-bottom: 0.01rem solid #ebe9f0;
		border-top: 0.01rem solid #ebe9f0;
		margin-bottom: 0.2rem;
}
.eDefult{
	color:#18191a;
	font-size: 0.24rem;
}

.eSwitch{
	
}
.eSwitch label{
	position: relative;
	top:0.16rem;
}
.editAddInfo{
	padding:0.3rem;
}
.editTit2{
	margin-right: 0.78rem;
	    font-size: 0.24rem;
    color: #18191a;
}
.addrinp{
	width: 70%;
    font-size: 0.24rem;
    vertical-align: top;
    color: #999999;
    
}

.saveAddress{
	position: fixed;
	bottom: 0.3rem;
	left: 0;
	z-index: 1;
	margin-top: 0.4rem;
	width: 100%;
	text-align: center;

}
.saveAddress a{
	display: inline-block;
	width: 6.6rem;
	height: 0.86rem;
	line-height: 0.86rem;
	text-align: center;
	font-size: 0.3rem;
	color:#ffffff;
	-moz-border-radius: 0.05rem;
	     border-radius: 0.05rem;
	background: #df3026;
}

/*鏀惰揣鍦板潃e*/







.bot-menu {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
    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-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-menu ul li a.cur {
    color: #df3026;
    font-size: .22rem;
}
.bot-menu ul li a {
    display: block;
    padding: .12rem 0 .06rem 0;
    color:#808080;
    position: relative;
        font-size: .22rem;
}

.bot-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-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-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-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-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-menu ul li:nth-of-type(3) a:before{ 
	background-image: url(../img/home05.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-menu ul li:nth-of-type(3) a.cur:before{
	background-image: url(../img/home06.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-menu ul li:nth-of-type(4) a:before{ 
	background-image: url(../img/home07.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.bot-menu ul li:nth-of-type(4) a.cur:before{
	background-image: url(../img/home08.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
} 

.shopNum{
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.28rem;
	text-align: center;
	color: #ffffff;
	font-size: 0.18rem;
	background: #df3026;
	border-radius: 50%;
	position:absolute;
	top: 0.1rem;
	right: 30%;
}

.huiLi{
	background:#e0e0e0;
}






/*switch寮�鍏�*/
.mui-switch {
  width: 0.8rem;
  height: 0.42rem;
  position: relative;
  border: 1px solid #bbbbbb;
  background-color: #fdfdfd;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
     -moz-box-shadow: #dfdfdf 0 0 0 0 inset;
          box-shadow: #dfdfdf 0 0 0 0 inset;
  -moz-border-radius: 20px;
       border-radius: 20px;
  -moz-border-radius-topleft: 20px;
       border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
       border-top-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
       border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
       border-bottom-right-radius: 20px;
  -moz-background-clip: content-box;
       background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  }
  .mui-switch:before {
    content: '';
    width: 0.38rem;
    height: 0.38rem;
    position: absolute;
    top: 0px;
    left: 0;
    -moz-border-radius: 20px;
         border-radius: 20px;
    -moz-border-radius-topleft: 20px;
         border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
         border-top-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
         border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
         border-bottom-right-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
       -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
            box-shadow: 0 0px 4px rgba(0, 0, 0, 0.8);
    }
    .mui-switch:checked {
    border-color: #df3026;
    -webkit-box-shadow: #df30260 0 0 16px inset;
       -moz-box-shadow: #df30260 0 0 16px inset;
            box-shadow: #df30260 0 0 16px inset;
    background-color: #df3026;
    }
    .mui-switch:checked:before {
      left: 21px; }
  .mui-switch.mui-switch-animbg {
    -webkit-transition: background-color ease 0.4s;
    -moz-transition: background-color ease 0.4s;
    transition: background-color ease 0.4s; }
    .mui-switch.mui-switch-animbg:before {
      -webkit-transition: left 0.3s;
      -moz-transition: left 0.3s;
      transition: left 0.3s; }
    .mui-switch.mui-switch-animbg:checked {
      -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
         -moz-box-shadow: #dfdfdf 0 0 0 0 inset;
              box-shadow: #dfdfdf 0 0 0 0 inset;
      background-color: #df3026;
      -webkit-transition: border-color 0.4s, background-color ease 0.4s;
      -moz-transition: border-color 0.4s, background-color ease 0.4s;
      transition: border-color 0.4s, background-color ease 0.4s;
      }
      .mui-switch.mui-switch-animbg:checked:before {
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s; }
         .mui-switch.mui-switch-anim {
    -webkit-transition: border cubic-bezier(0, 0, 0, 1) 0.4s, -webkit-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, -webkit-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    -moz-transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s, -moz-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s, -webkit-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s, -moz-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }
    .mui-switch.mui-switch-anim:before {
      -webkit-transition: left 0.3s;
      -moz-transition: left 0.3s;
      transition: left 0.3s; }
    .mui-switch.mui-switch-anim:checked {
      -webkit-box-shadow: #64bd63 0 0 0 16px inset;
         -moz-box-shadow: #64bd63 0 0 0 16px inset;
              box-shadow: #64bd63 0 0 0 16px inset;
      background-color: #64bd63;
      -webkit-transition: border ease 0.4s, background-color ease 1.2s, -webkit-box-shadow ease 0.4s;
      transition: border ease 0.4s, background-color ease 1.2s, -webkit-box-shadow ease 0.4s;
      -moz-transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s, -moz-box-shadow ease 0.4s;
      transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
      transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s, -webkit-box-shadow ease 0.4s, -moz-box-shadow ease 0.4s; }
      .mui-switch.mui-switch-anim:checked:before {
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s; }
        
        
  
  

/*寮规鎻掍欢淇敼鐨勬牱寮弒*/

body .layui-m-layershade {
	background-color: rgba(0, 0, 0, .3);
	pointer-events: auto;
}

body .demo-class{
	width: 70%!important;
}

body .demo-class .layui-m-layercont {
	font-size: 0.32rem;
	color: #1a1a1a;
	padding: .7rem .25rem .5rem .25rem;
}

body .demo-class .layui-m-layerbtn span[no] {
	display: inline-block;
	height: 0.62rem;
	line-height: 0.62rem;
	color: #df3026;
	border: 1px solid #df3026;
	font-size: 0.28rem;
	width: 44%;
	border-radius: 0;
	margin-right: 3%;
}

body .demo-class .layui-m-layerbtn span[yes] {
	display: inline-block;
	background: #df3026;
	color: #ffffff;
	height: 0.66rem;
	line-height: 0.66rem;
	font-size: 0.28rem;
	width: 44%;
	border-radius: 0;
}

body .demo-class .layui-m-layerbtn {
	display: block;
	background: #ffffff;
	border-top: none;
	height: 1.04rem;
}


/*寮规鎻掍欢淇敼鐨勬牱寮廵nd*/


/**鏃堕棿閫夋嫨鏍峰紡鑷畾涔�*/

.searTime{
	padding: 0.2rem 0;
}
.date_btn_box{
	font-size: 0.2rem!important;
}
.date_btn{
	color:#df3026!important;
}
.gearDate{
	background-color: rgba(0,0,0,0.3)!important;
}
.date_roll{
	font-size: 0.18rem!important;
	font-weight: normal!important;
}
/**鏃堕棿閫夋嫨鏍峰紡鑷畾涔�*/






/*娣诲姞start*/
.bListBg{
	background: #f2f2f7;
}
.book-slide {
    float: left;
    width: 6rem;
     margin-right: .18rem;
}
.book-act-det {
    display: block;
}

.book-top {
    -moz-border-radius: .1rem;
         border-radius: .1rem;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    border:1px solid #ebe9f0;
    padding: .3rem 0;
}
.book-top img {
    height: 1.9rem;
}
.book-list{
	width: 100%;
}
.book-list li{
	float: left;
	width: 33.3%;
	text-align: center;
}
/*娣诲姞end*/



/**鍒嗙被缁撴灉鎺掑簭鎸夐挳鏍峰紡*/



.sort-fn2 {
	background: #fff;
	width: 100%;
	border-bottom: 0.01rem solid #ebe9f0;
}

.sort-fn2>li {
	position: relative;
	float: left;
	width: 33%;
	height: 0.78rem;
	line-height: 0.78rem;
	text-align: center;
	font-size: 0.26rem;
	color: #7d7d80;
	z-index: 1;
	border-right: 1px solid #ebe9f0;
}

.sort-fn2>li.active {
	color: #df3026;
}

.sort-fn2>li:last-child {
	border-right: none;
}
/**鍒嗙被缁撴灉鎺掑簭鎸夐挳鏍峰紡*/

.bcoll{
	float:right;
	text-align:center;
}
.bCollIcon{
	display: inline-block;
	width: 22px;
	height: 20px;
	background: url(../img/favorite.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
    top: 4px;
    margin-right: 6px;
   
}  
.bCollIcon.active{
	background: url(../img/favorite2.png) no-repeat;
	background-size: 100% 100%;
}
.collFont{
	font-size:0.3rem;
}
.favoriteList{
   margin-top: 1rem;
   border-bottom: none!important;
}
.favoriteList li{
	position: relative;
    padding-left: 0.52rem;
    border-bottom: 0.01rem solid #ebe9f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/*浠ｉ噾鍒�*/
.exchangeArea{
	width: 100%;
	height: .78rem;
	background: #df3026;
	position: fixed;
	top: 0;
	left: 0;
	z-index:5;
}

.excChanInp{
	width: 92%;
	height:.56rem;
	background:#fff;
	-webkit-border-radius: .1rem;
	border-radius: .1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	overflow: hidden;
}

.excChanInpIn{
	font-size: .28rem;
	height: .56rem;
	line-height: .56rem;
	width: 80%;
	padding-left: .16rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.exChanBtn{
	width: 1.02rem;
	height: .48rem;
	line-height: .48rem;
	display: inline-block;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	position: absolute;
	right: .03rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	
}

button[disabled].exChanBtn{
	background: #efefef;
	color: #b6b6b6;
}


button.exChanBtn{
	background: #df3026;
	color: #fff;
}

.excCouponArea{
	margin: .98rem .3rem 0;
}

.excCouList .couponIn{
	width: 100%;
	height: 1.5rem;
	background-size: 100% 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-align-items: initial;
	align-items: initial;
	position: relative;
}

.excCouList .useful .couponIn{
	background-image: url(../img/cashCouBg01.png);
}

.excCouList .useless .couponIn{
	background-image: url(../img/cashCouBg02.png);
}

.excCouList .couNum{
	padding: .3rem 0;
}

.excCouList .couType{
	padding-top: .15rem;
}

.couUseRule{
	font-size: .2rem;
	color: #999999;
	position: absolute;
	right: 0.2rem;
	bottom: 0.15rem;
}

.moreFnBtn{

}

.mailFree{
	color: #df3026;
	height: .35rem;
    line-height: .35rem;
	border: 1px solid #df3026;
	display: inline-block;
	margin-left: .3rem;
	padding: 0 .05rem;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
}

.libName{
	margin-top: .2rem;
	color:#e2231a;
}

.bkLiDel{  
	width: .46rem;
	height: .46rem;
	background: url(../img/bkLiDel.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0.4rem;
	top: 50%;
	-webkit-transform: translateY(-50%);	
	transform: translateY(-50%);	
}

.hasCancelArea {
    width: 1rem;
    height: 1rem;
    background: url(../img/hasCancel.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0.5rem;
    top: 0rem;
}   

/**
	书商选择
*/
.sellerSelect{
	float: right;
    border: 1px solid #666666;
    line-height: 28px;
    background: #FFF;
    color: #666666;
    /* font-size: 12px; */
    padding-left: 18px;
    padding-right: 16px;
    /* margin-right: -1px; */
    /* margin-top: 3px; */
    height: 100%;
}

.specialMore{
    color: #b2b2b2;
    font-size: 0.24rem;
}

.specialMore2{
    color: #b2b2b2;
    font-size: 0.24rem;
    margin-top: 0.1rem;
}
.refreshShelfInfo{
    display: inline-block;
    padding: 0.12rem 0.2rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    font-size: 0.24rem;
    height: 0.20rem;
    line-height: 0.22rem;
    border: 1px solid #df3026;
    color: #df3026;
    /* margin-right: 0.1rem; */
}
.cancelpreBorrowBtn{
    display: inline-block;
    padding: 0.12rem 0.2rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    font-size: 0.24rem;
    height: 0.20rem;
    line-height: 0.22rem;
    border: 1px solid #b3b3b3;
    color: #666666;
    /* margin-right: 0.1rem; */
}
.highSearchBtn{	
	display: block;
	line-height: 0.66rem;
	height:0.66rem;
	text-align: center;
	width: 80%;
	color: #df3026;
	background: #ffffff;
	border:1px solid #df3026;
	margin-left: 10%;	
	position:fixed;
	left:0px;
	bottom:0.2rem;
	z-index:999999;
	-moz-border-radius: 0.05rem;	
	     border-radius: 0.05rem;
	font-size: 0.32rem;
}

/**
news页面
*/
.width-full{
	width:100%;
}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.white-background{	
	background-color:#FFF;
    height: 100%;
    position: relative;
}
.newsLoopDiv{

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /**text-overflow: ellipsis;**/
    width:100%;
}

/**图书礼包*/
.whitebg{
	background:#fff;
}
.gt-top{
	
	top:0.06rem;
}

.rec-title,.rec-author{
	font-size: .2rem;
}

.lookgift{
	color: #19191A;
	font-size: .22rem;
	    margin-top: 0.26rem;
}

.hidden-box {
        height: 3rem;
}

.giftImg{
	padding:0 .2rem;
	
}

.giftImgBor{
	border:1px solid #E6E6E6;
	overflow: hidden;
	position: relative;
	margin-bottom: .18rem;
	padding-top: .2rem;
    padding-bottom: .2rem;
}

.giftImgBor img {
    height: 1.9rem!important;
}
.giftList {
	background: #fff;
	padding-bottom: .24rem;
}
.giftList li{
	    float: left;
    width: 33.3%;

    margin-top: 0.24rem;
}



.gift-flag{
	    width: .54rem;
	padding-left: 0.02rem;
	padding-right: 0.02rem;
	padding-top: 0.02rem;
	padding-bottom: 0.04rem;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
	font-size: .18rem;
	line-height: 0.26rem;

	height: .5rem;
}




/* 判断ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
	
.gift-flag{
	    width: .5rem;

}


}



.gift-flag:before{
	content: "";
	position: absolute;
	top: .54rem;
	left: 0;

}
.gift-flag:after{
	content: "";
	position: absolute;
	top: .54rem;
	right: 0;

}

.gred-flag{ 	background:#E22D3B;}

.gred-flag:before{
	border-top: 0.1rem solid #E22D3B;
	border-left: 0 solid transparent;
	border-right: 0.3rem solid transparent;
}

.gred-flag:after{
	border-top: 0.1rem solid #E22D3B;
	border-left: 0.3rem solid transparent;
	border-right: 0 solid transparent;
}

.gblue-flag{ 	background:#207DC5;}

.gblue-flag:before{
	border-top: 0.1rem solid #207DC5;
	border-left: 0 solid transparent;
	border-right: 0.3rem solid transparent;
}

.gblue-flag:after{
	border-top: 0.1rem solid #207DC5;
	border-left: 0.3rem solid transparent;
	border-right: 0 solid transparent;
}


.giftAuthor{
	color: #999999;
    font-size: 0.22rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.2rem 0;
}

.course-content-hd ul .course-hd {
    width: 1.32rem;
}


.giftIntrWrap{
	margin-top: .2rem;
}

.course-content-hd ul li{
	padding-right: .3rem;
	position: relative;
	overflow: auto;
}


.course-content-hd ul li:after{
	position: absolute;
	content:"+";
	color: #19191A;
    font-size: .4rem;
	top: .8rem;
	right: 0;
}

.course-content-hd ul li:last-child:after{

	content:"";

}

.course-content-hd ul li a{
	display: inline-block;
	width: 1.32rem;
	overflow: hidden;
}


.course-content-hd ul li:last-child{
margin-right: 0;
}


.course-content-hd ul .course-hd img {
    height: 1.34rem;
}




.giftIntrWrap{
	position: relative;
}

.giftIntrWrap:before{
	content: "";
	position: absolute;
	bottom:0;
	left: 0;
	width: .44rem;
	height: .44rem;
	background:url("../../img/20190313/icon2.png") no-repeat;
	background-size: 100% 100%;
}
.giftIntrWrap:after{
	content: "";
	position: absolute;
	top:0;
	right: 0;
	width: .88rem;
	height: .88rem;
	background:url("../../img/20190313/icon1.png") no-repeat;
	background-size: 100% 100%;
}



.sBookCover.on{
	  width: 1.6rem;
    text-align: center;
	position: relative;
	overflow: hidden;
	margin-left: 0.1rem;
	margin-right: 0.2rem;
	
	
}



.sBookList {

	border-top: none;

}
.sBookNum{
	height: 0.64rem;
	line-height: 0.64rem;
}

.sort-styles{
	background-color: #f2f2f7;
	text-align: center;
	padding-top: .2rem;
	padding-bottom: .3rem;
}


.sort-styles a{
	color:#1A1A1A;
	font-size: .26rem;
	position: relative;
	margin:0 0.4rem;
}

.sort-styles a.active{
	color: #DF3026;
}
.sort-styles a.active:after{
	content: "";
	height: 0.04rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.1rem;
	width: .48rem;
	border-radius:2px;
	background:#DF3026;
}
 /**图书礼包*/

.search-list{
	display:inline-block;
    border-right: 1px solid #e8e8e8;
    width:28%;
}

.search-list-icon{
	display: inline-block;
    width: 0.22rem;
    height: 0.22rem;
    background: url(../img/search-list.png) no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    top: 0.02rem;
}

.shopLine{
    text-decoration: line-through;
}

.accountMoney{
    position: absolute;
    right: 0.32rem;
    top: 1.3rem;
    display: inline-block;
    width: 2rem;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.22rem;
    color: #ffffff;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background: #fa0e00;
    text-align: center;
}

.bottom-zero{
	bottom: 0;
}
.saoImg{
	width: 0.45rem;
    height: 0.45rem;
    vertical-align: middle;
}


/**热门检索*/
.hotword-area {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
}
.hw{  
    height: .55rem;
    min-width: 40px;
    line-height: .55rem;
    background: #ebe9f0;
    border-radius: 20px;
    font-size: 10px;
    color: #252525;
    padding: 0 10px;
    margin: 5px;
    text-align: center;
}
.hotWord-text{
	display: inline;
}
.delsearhWord{
    display: inline;
    float: right;   
    margin-right: 15px;
}
.delsearhWord img{
	width: .3rem;
    height: .35rem;
    margin-top: 5px;
}

.delSpan{
	color: #dfdfdf;
}
.finishDelete{
	color:#df3026;
	padding-left:5px;
}

.bookTypeSelect{
	position: fixed;
    height: 2.2rem;
    width: 1.2rem;
    bottom: .99rem;
    z-index: 1;
    text-align: center;
    background: #fff;
    border-radius: 50px /40px;
    margin-left: .1rem;
}
.bookTypeSelect 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;
}

.bookTypeSelect ul li a.cur {
    color: #df3026;
    font-size: .22rem;
}
.bookTypeSelect ul li a {
    display: block;
    padding: .12rem 0 .06rem 0;
    color:#808080;
    position: relative;
    font-size: .22rem;
}
.bookTypeSelect 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;
}
.bookTypeSelect ul li:nth-of-type(1) a:before{
	background-image: url(../img/bookSelect.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.bookTypeSelect ul li:nth-of-type(1) a.cur:before{
	background-image: url(../img/bookSelectCur.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.bookTypeSelect ul li:nth-of-type(2) a:before{
	background-image: url(../img/ebSelect.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}

.bookTypeSelect ul li:nth-of-type(2) a.cur:before{
	background-image: url(../img/ebSelectCur.png);
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
}
.belongFlago{
    color: #e2231a;
    font-size: 0.22rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.2rem 0.24rem;
}
.belongFlags{
	color: #e2231a;
    font-size: 0.22rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
   
}
.belongFlagt{
   	color: #e2231a;
    font-size: 0.2rem;
    overflow: hidden;
    padding: 0 0.2rem 0.1rem;
}
.applyQueryWrap{
    width: 100%;
    background: #ffffff;
    margin-bottom: 0.2rem;
}
.applyQueryWrap > li{
	margin-left: .3rem;
    border-bottom: 1px solid #ebe9f0;
    /**height: 2rem;**/
}

.applyQueryWrap>li:last-child{
		border-bottom: none;
}

.applyQueryWrap>li a{
	padding: 0.22rem .3rem 0.14rem 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.applyItemInfo{
	width:100%
}
.applyItemName{
	width:45%
}

.applyInfoBottom{
    margin-top: .5rem;
    /* position: relative; */
    width: 100%;
}
.applyInfoStatus{
    /**padding-right: 20px;**/
    float: right;
}
.applyStatus{	
	color:#e2231a
}
.applyTopSize{
	padding-top:.1rem;
}
.applyDepositeTips{
    font-size: 0.24rem;
    color: #18191a;
    width: 19%;
    float: left;
}
.applyDepositeTipsText{
	float:left;
	width:78%;
}

.keywordWrap{
	margin-bottom: .1rem;
    margin-top: .2rem;
    height: 1rem;
}
.keywordBtn{
    width: 24%;
    float: left;
    line-height: 1rem;
    text-align: center;
    height: 1rem;
    margin-right: 0.5%;
    margin-left: 0.5%;
    background-color:#fff;
}
.record-book-confirm{
	position: fixed;
    left: 0;
    bottom: 0.96rem;
    width: 100%;
    height: 0.96rem;
    line-height: 0.96rem;
    background: #ffffff;
    z-index: 1;
    border-top: 0.01rem solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.record-book-confirmBtn{
    display: inline-block;
    width: 100%;
    height: 0.96rem;
    line-height: 0.96rem;
    color: #ffffff;
    font-size: 0.3rem;
    text-align: center;
}


.depositeTips{
	font-size: 0.32rem;
    color: #1a1a1a;
    margin: .26rem 0;
}

.si-Title{
	text-align: center;
    font-size: 16px;
    color: #161515;
}

.si-content{
	font-size: 0.27rem;
    color: #1a1a1a;
    margin: .26rem 0;
    overflow-y: scroll;
    height: 180px;
}
.si-area{
    width: 70%;
    /* max-height: 6.5rem; */
    line-height: 0.4rem;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 4;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    /* overflow: auto; */
    padding: 0.4rem 0.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

.msignUp-title{
	font-size: .6rem;
    text-align: center;
    margin-bottom: .6rem;
}
.msignUp-input-div{
    margin: 0 .3rem;
}
.msignUp-input{
    border-bottom: 1px solid #9E9E9E;
    width: 100%;
    height: .8rem;
    background: none;

}
.msignUp-code{
    border-bottom: 1px solid #9E9E9E;
    width: 70%;
    height: .8rem;
    background: none;

}
.msignUp-codeBtn{
    width: 30%;
    color: #015aa1;
    background: none;
}
.msignUp-button{
	display: block;
    line-height: 0.86rem;
    height: 0.86rem;
    text-align: center;
    background: #df3026;
    color: #ffffff;
    margin: 0 .3rem;
    border-radius: 0.05rem;
    font-size: 0.32rem;
    margin-top:.2rem;
}
