.calArea{
		width: 94%;
		position:fixed;
		left:50%;
		top: 2rem;
		transform: translateX(-50%);
		z-index: 2;
		background: #fff;
		-webkit-border-radius: .1rem;
		border-radius: .1rem;

	}	
	
.calArea #test2{
	width: 86%;
	margin: 0 auto;
}	
.calArea .laydate-footer-btns{ top:.15rem;}
.calArea #layui-laydate1{height: 7rem !important;}
.calArea .layui-laydate-content{
	padding: 0;
	padding-bottom: 0.1rem;
	}
.calArea .layui-laydate-footer span:hover{
	color: #dc3023;
	font-size: .24rem;
}			
.calArea .laydate-footer-btns span{
	border-color:#dc3023;
	color: #dc3023;
}													
.calArea .layui-laydate-static, .calArea .layui-laydate-main, .calArea .layui-laydate-content table {
    width: 100%;
}
.calArea .layui-laydate{
	-webkit-border-radius: .1rem;
	border-radius: .1rem;
    border: none;
    box-shadow: none;
}

.calArea .layui-laydate-header{
	border-bottom-color:#ed9791 ;
	 line-height: .6rem;
}
	
.calArea .layui-laydate-header i,.calArea .layui-laydate-header i:hover,.calArea  .layui-laydate-header span:hover{
	color: #e35840;
}

.laydate-set-ym span,.calArea .layui-laydate-content th{
	font-size: .28rem;
	color:#dc3023;
	font-weight: 500;
}
.calArea .layui-laydate-content td,.calArea .laydate-day-mark{
	font-size:.28rem ;
	font-weight: 500;
}
.calArea .laydate-day-mark{
	color: #dc3023;
    line-height: .75rem;

}
.calArea .layui-laydate .laydate-disabled{
	font-size:.28rem !important ;
	font-weight: 500 !important;
}

.calArea .layui-laydate-content td{
    height: .75rem;
	padding: 0;
    border-radius: 100%;
}
.calArea .layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev{
	    color: #d2d2d2;
}    
.calArea .laydate-day-mark::after{
	position: absolute;
    top: auto !important;
    bottom: 0.1rem;
	left: 39%;
	width: .26rem !important;
    height:.26rem !important;
    background: url(../img/idxCalCho.png) no-repeat;
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0) !important;
	border-radius:0 !important;
}

.calArea .layui-laydate .layui-this {
	background-color: rgba(227, 93, 99, 0.4)!important;
	}

.idxHead{
    width: 100%;
    height:5.2rem;
    background:url(../img/hdBg.png) no-repeat;
    background-size: 100% 100%;
    position:relative;
}

.signCal,.idxHeadBtn{
    font-size: .28rem;
    font-weight: 600;
    color: #fff;
    position:absolute;
    top: .24rem;
}

.signCal{
    left:.24rem;
}

.signCal::before {
    content: '';
    width: .3rem;
    height:.3rem;
    background:url(../img/idxCalIcon.png) no-repeat;
    background-size:100% 100%;
    display:inline-block;
    vertical-align: middle;
    margin:-0.08rem .1rem 0 0;
}

.idxHeadBtn{
    height:0.5rem;
    line-height:0.5rem;
    background: rgba(0,0,0,.1);
    padding: 0 .22rem;
    right:0;
    -webkit-border-radius: 2rem 0 0 2rem;
    border-radius: 2rem 0 0 2rem;
}
.idxHintBtn{
	
}

.idxActBtn{ top: .92rem;}

.signArea,.signbord,.signedArea{
     -webkit-border-radius: 100% !important;
    border-radius: 100%  !important;
}

.signArea,.signedArea{
    background:#fff;
 	width: 1.8rem;
    height:1.8rem;

}  
 

.signbord{
    width: 1.6rem;
    height: 1.6rem;    
    margin:.86rem auto;
    background:#fff url(../img/signCircle.png) no-repeat;
    background-size: 100% 100%;
    justify-content: center;
}

.signedArea .signbord{
	background-image: url(../img/signCircle02.png);
}

.signedArea .signFont{
	color: #999999;
}

.calenIcon{
    width: 0.54rem;
    height:.54rem;
    background:url(../img/signIcon.png) no-repeat;
    background-size: 100% 100%;
    margin:.1rem auto;
}

.signSucIcon{
	width: .6rem;
	height: .42rem;
	background:url(../img/signIcon02.png) no-repeat;
	background-size: 100% 100%;
    margin:0.16rem auto;
}

.signFont{
    font-size: .34rem;
    color:#fe4e6a;
}

.signOutArea{
	width: 1.8rem;
    height:1.8rem;
    margin: .86rem auto 0rem;
	position: relative;
}

.backImg{
	position: absolute;
	top: 0;
}

.turn{
  -webkit-animation: flipOutYturn 0.4s linear;
  animation: flipOutYturn 0.4s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes flipOutYturn {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.turn2 {
    -webkit-animation: flipInYturn 0.4s linear;
    animation: flipInYturn 0.4s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes flipInYturn {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.actPhase{
	text-align: center;
	margin: .07rem 0;
}


.actPhaseIn{
	display: inline-block;
	height: .44rem;
	line-height: .44rem;
	padding: 0 .22rem;
	color: #fff;
	font-size: .24rem;
	background: rgba(0,0,0,0.1);
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}

.actPhTm{
	margin-right: .14rem;
}

.signDataArea{
    color:#fff;
    text-align: center;
   justify-content: center;
   margin:0 .52rem;
}

.signDtCon{
    font-size: .24rem;
    width: 33%;
    position:relative;
}

.signDtCon::after {
    content: '';
    width: 1px;
    height:.44rem;
    /*background:#fff;*/
    border-right: 1px solid #fff;
    position:absolute;
    right:0;
    top: .2rem;
}

.signDtCon:last-of-type::after {
    content: '';
    width: 0;
    height:0;
}

.signDtInt{
    font-size: .2rem;    
    padding-left: .02rem;
}

.dataNum{
    font-size: .32rem;
}

.fastEnterArea{
    padding: .24rem 0;
    background:#fff;
    justify-content: center;
    border-radius: .1rem;
    -webkit-box-shadow:0 0.01rem .8rem 0 rgba(220, 48, 35, 0.5);
    box-shadow: 0 0.01rem .8rem 0 rgba(220, 48, 35, 0.5);
    position:absolute;
    left:.24rem;
    right:.24rem;
    top: 4.4rem;
}

.EnterCon{
    font-size: .24rem;
    text-align: center;
    flex:1;
}

.entIcon{
    width:0.66rem;
    height:.7rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin:0 auto .16rem;
}

.entIcon01{
    background-image: url(../img/entry01.png);
}

.entIcon02{
    background-image: url(../img/entry02.png);
}

.entIcon03{
    background-image: url(../img/entry03.png);
}

.entIcon04{
    background-image: url(../img/entry04.png);
}

.entIcon05{
    background-image: url(../img/entry05.png);
}

.entIcon06{
    background-image: url(../img/entry06.png);
}

.hotRevTit{
    font-size: .32rem;
    font-weight:700;
    background:#fff;
   padding: 1.4rem .24rem .1rem;

}

.hotRevLi{
    background:#fff;
    padding:.3rem .24rem 0;
    margin-bottom: .2rem;
    display:-webkit-flex;
    display:flex;
}

.perHead{
    width: 0.7rem;
    height:.7rem;
    margin-right: .2rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow:hidden;
}

.perRevArea{
    width: 88%;
}

.revTime{
    font-size: .24rem;
    font-weight: 500;
    color:#999999;
    margin-left: auto;
}

.perName{
    font-size: .28rem;
    font-weight: 500;
    margin-right: .16rem;
}

.perLevel{
    font-size: .2rem;
    color:#fff;
    height:.3rem;
    line-height:.3rem;
    padding:0 .16rem 0 .48rem;
    -webkit-border-radius: 0 .02rem .2rem 0;
    border-radius: 0 .02rem .2rem 0;
    position:relative;
}

.perLevel::before {
    content: '';
    width: .48rem;
    height:.48rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position:absolute;
    left:-.1rem;
    top: 43%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}


.level05{
    background:-webkit-linear-gradient(90deg,#ffbed8,#c8aafe);
    background:linear-gradient(90deg,#ffbed8,#c8aafe);
}

.level04{
    background:-webkit-linear-gradient(90deg,#ffbd95,#ffa0b5);
    background:linear-gradient(90deg,#ffbd95,#ffa0b5);
}

.level03{
    background:-webkit-linear-gradient(90deg,#90edfe,#a4d1ff);
    background:linear-gradient(90deg,#90edfe,#a4d1ff);
}

.level02{
    background:-webkit-linear-gradient(90deg,#c0f0b8,#93e2c6);
    background:linear-gradient(90deg,#c0f0b8,#93e2c6);
}

.level01{
    background:-webkit-linear-gradient(90deg,#fcd8b5,#f5bce9);
    background:linear-gradient(90deg,#fcd8b5,#f5bce9);
}

.level05::before {
    content: '';
    background-image: url(../img/level05.png);
}

.level04::before {
    content: '';
    background-image: url(../img/level04.png);
}

.level03::before {
    content: '';
    background-image: url(../img/level03.png);
}

.level02::before {
    content: '';
    background-image: url(../img/level02.png);
}

.level01::before {
    content: '';
    background-image: url(../img/level01.png);
}

.RevBkNm,.revDet,.bkDetModConIn{
    font-size: .26rem;
    line-height: .4rem;
}

.RevBkNm{
    display: block;
    font-weight: 700;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.revBook{
    padding:.1rem 0;
}

.revScore{
	margin-bottom: .1rem ;
	margin-left: auto;
}

.hasStart{
    width: 0.24rem;
    height: .22rem;
    background:url(../img/start02.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    margin-left: .05rem;
}


.opDnBtn{
    color:#dc3023;
    font-size: .26rem;
    /*display:none;*/
}

.bookArea{
    background:#f5f5f5;
    padding:.1rem .2rem;
}

.revBkImg{
    width: 1rem;
    height:1.4rem;
    margin-right: .3rem;
    align-items: center;
    display: flex;
}

.revBkDet{
    width: 77%;
}

.revBkName{
    font-size: .28rem;
    font-weight: 500;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.revBkwt{
    font-size: .24rem;
    color: #666;
}

.perOpArea{
    justify-content: space-between;
    font-size: .24rem;
}

.perOpArea a{
    color:#999;
      height: .74rem;
    line-height: .74rem;
    display: block;
    flex: 1;
}


.shareBtn,.revBtn::before,.pointArea::before{
    content: '';
    width: 0.32rem;
    height:.3rem;
    background-size: 0.32rem .3rem;
    background-repeat: no-repeat;
    background-position: top left;
    display:inline-block;
    vertical-align: middle;
}

.shareBtn{
    background-image: url(../img/share.png);
    background-position: center left;
}

.revBtn::before {
    content: '';
    background-image: url(../img/revIcon.png);
    margin:-.04rem .12rem 0 0;
}

.pointArea{
    text-align: right;
}

.revBtn{
    text-align: center;
}

.pointArea.hasTap{
    color:#dc3023;
}

.pointArea::before{
    content: '';
    background-image: url(../img/revPt01.png);
    margin:-.12rem .08rem 0 0;
}

.pointArea.hasTap::before {
    content: '';
    background-image: url(../img/revPt02.png);
}


/*领读计划 start*/
.leadPleTm{
	width: 100%;
    padding:.1rem .24rem .2rem;
    background: #f5f5f5;
    z-index: 1;
  }

.leadTmArea{
    color:#333;
    font-size: .24rem;
    /*height:.54rem;
    line-height:.54rem;*/
    padding:.04rem .22rem;
    background:#fff;
    -webkit-border-radius: .4rem;
    border-radius: .4rem;
}

.leadTmArea::after {
    content: '';
    width: 0.12rem;
    height:0.1rem;
    background:url(../img/tmDn.png) no-repeat;
    background-size: 100% 100%;
    display:inline-block;
    vertical-align: middle;
    margin:-.01rem 0 0 .12rem;
}

.ldPleArea{
    padding:0 .24rem;
}

.ldPleNum{
    margin-left: auto;
    font-size: .24rem;
    color:#999;
}
.ldPleLi{
    margin-bottom: .3rem;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden;
    -webkit-box-shadow:0px 0.04rem 0.14rem  rgba(0, 0, 0, 0.2);
    box-shadow:0px 0.04rem 0.14rem  rgba(0, 0, 0, 0.2);
}

.ldPleLink{
    font-size: .24rem;
    color:#333;
    display:block;
}

.ldPleImg{
    width: 7.02rem;
    height:3.5rem;
}

.ldPleDet{
    padding:.2rem .24rem;
    background:#fff;
    justify-content: space-between;
}

.ldPleBkNm{
    font-size: .28rem;
    color:#444;
    font-weight:600;
}

.actStatu{
     font-size: .24rem;   
     font-weight: 600;
}

.actStatu::before {
    content: '';
    width: .1rem;
    height:.1rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display:inline-block;
    vertical-align: middle;
    margin:-0.03rem .06rem 0 0;
    opacity: .5;
}

.statu01 .actStatu{
    color:#dc3023;
}

.statu01 .actStatu::before {
    content: '';
    background:#dc3023;
}

.statu02 .actStatu{
    color:#333333;
}

.statu02 .actStatu::before {
    content: '';
    background:#333333;
}

.ldPleSatu{
    text-align: right;
}

.statu02 .ldPleImg{
    position:relative;
}

.hasEnd{
     font-size:.28rem ;
    color:#fff;
    font-weight: 600;
    text-align: center;
    width: 100%;
    height:100%;
    line-height:3.5rem;
    background:rgba(0, 0, 0, 0.5);
    position:absolute;
    left:0;
    top: 0;

}

/*领读计划详情 start*/
.leadBookImg{
    width:100%;
    height: 3.5rem;
    text-align: center;
    background:#fff;
}

.leaderInfo{
    background:#fff;
    padding:.24rem;
    margin-bottom: .2rem;
}

.leadTit{
    font-size: .24rem;
    margin-bottom: .1rem;
}

.leadTit::before {
    content: '';
    width: .26rem;
    height: .26rem;
    background:url(../img/leaderIcon.png) no-repeat;
    background-size: 100% 100%;
    display:inline-block;
    vertical-align: middle;
    margin: -.06rem .1rem 0 0;
}

.leadInfoCon{
    font-size: .26rem;
    margin:0 0 .3rem .4rem;
}

.particManArea{
    position:relative;

}

.particManLi{
    margin-right: .1rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.particManLi img{
   width: .5rem !important;
   height:.5rem !important;
}

.perSwiper {
      width:5rem;
    }

 .swiper-container {
      height:.5rem;
      margin:0;
    }

.particManLi:last-of-type{
      margin-right: 54px !important;
}

.particNum{
    font-size: .24rem;
    color:#999;
    width:2.1rem;
    height:.5rem;
    line-height:.5rem;
    position:absolute;
    right:0;
    top: 0;
    background:#fff;
    padding-left: .2rem;
    -webkit-box-shadow:-0.02rem 0px 0.09rem 0.1rem rgba(255, 255, 255, 0.78);
    box-shadow:-0.02rem 0px 0.09rem 0.1rem rgba(255, 255, 255, 0.78);
    z-index: 1;
}

.bookInfoArea{
    align-items:flex-start ;
    padding-top: .1rem;
}

.ldBkImg{
    width: 1.5rem;
    height:2.12rem;
    margin-right: .2rem;
    align-items: center;
    display: flex;
}

.ldBkNm{
    font-size: .32rem;
    color:#000000;
}

.ldBkDet{
    font-size: .24rem;
    color:#666;
    width: 76%;
    position:relative;
}

.ldBkDetBot{
    width: 100%;
    height:1.2rem;
    position:absolute;
    top:.88rem;
}

.ldBkDetBotLf{
    position: absolute;
    left: 0;
    bottom: -4px;
}

.leadEqImg{
    width:2rem;
    height:2.3rem;
    position:absolute;
    right:0;
    bottom:0;
    text-align: center;
}

.bkDetMod{
    margin-top:.28rem;
    border-top: 0.01rem solid #e5e5e5;
}

.bkDetModTit,.wndTit{
font-size:.32rem;
    font-weight: 600;
}

.bkDetModTit{
    padding:.22rem 0 .14rem;
}

.wondBkRev{
}

.wondBkRevTop{
    border-bottom: 0.01rem solid #eee;
    background:#fff;
    padding:.24rem;
    justify-content: space-between;
}

.wrtBkRev{
 font-size: .32rem;   
 color:#dc3023;
}

.wrtBkRev::before {
    content: '';
    width:.26rem;
    height:.26rem;
    background:url(../img/wrtIcon.png) no-repeat;
    background-size: 100% 100%;
    display:inline-block;
    margin:0 .1rem 0 0;
}

.wondBkRev .perOpArea{
    border-top: 0.01rem solid #eee;
    margin-top: .2rem;
}

.noMore{
   font-size: .24rem; 
   color:#aaaaaa;
   text-align: center;
   padding:.06rem 0 .26rem;
   margin-bottom: .88rem;
}

/*弹出框*/

.excGiftIn{
    width:80%;
    padding: .3rem;
    background:#fff;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    position:fixed;
    left:50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 3;
}


.excGiftInCon{
    font-size: .32rem;
    font-weight: 500;
    text-align: center;
    padding: .5rem 0 0.5rem 0;
}

.excBtnCon{
    width: 100%;
}

.excBtn{
    flex:1;
    text-align: center;
}

.excBtnIn{
    font-size: .26rem;
    height:.78rem;
    line-height:.78rem;
    display:inline-block;
    padding:0 1rem;
    -webkit-border-radius:.4rem;
    border-radius:.4rem;
}

.excBtn01{
    color:#fff;
}

.excBtn02{
    border: 0.01rem solid #dc3023;
    color:#dc3023;
}

.excSucIcon{
    width: 1.2rem;
    height:1.2rem;
    background:url(../img/excSuc.png) no-repeat;
    background-size: 100% 100%;
    margin:.14rem auto 0;
}

.excSucHint{
    color:#333333;
    font-size: .24rem;
    text-align: center;
    padding-top: .16rem;
    padding:.2rem 0 .5rem;
}

.leadSucFont{
    font-size: .32rem;
    font-weight: 500;
    padding-bottom: .16rem;
}

.ldBkEqImg{
    width: 2.9rem;
    height:2.9rem;
    text-align: center;
    margin:.2rem  auto;
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden;
}

.eqUseHint{
    font-size:.28rem;
    font-weight: 500;
    background: linear-gradient(to right, #ff416b, #ff4a2c);
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
}

.eqUseHint::before {
    content: '';
    width:.58rem;
    height:.02rem;
    display:block;
    background: -webkit-linear-gradient(to right, #ff416b, #ff4a2c);
    background: linear-gradient(to right, #ff416b, #ff4a2c);
    margin: 0 auto .06rem;
}

.closeEqBtn{
    width: .9rem;
    height:.9rem;
    background: url(../img/closeBtn.png) no-repeat;
    background-size: 100% 100%;
    position:absolute;
    bottom:-1.2rem;
    left:50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.closeEqBtn::before {
    content: '';
    width:.02rem;
    height:.3rem;
    background:#a6a6a6;
    display:block;
    margin: -0.3rem auto 0;
}
/*领读计划详情 end*/
/*领读计划 end*/

/*发表书评 start*/
 .starLevelArea,.bkRevInp{
    margin:0 .24rem;
 }

 .starLevelArea{
    font-size: .24rem;
    color:#999999;
    text-align: center;
    padding:.6rem 0 .38rem;
 }

 .bkRevTit{
    margin:0 .24rem;
    border-bottom: 0.01rem solid #e5e5e5;
    padding-bottom: .16rem;
    overflow: hidden;
 }

 .themeInp{
    font-size: .28rem;
    width: 86%;
 }

 .themeInp::placeholder,.bkRevText::placeholder{
    color:#999999;
 }

 .themNumArea{
    font-size: .24rem;
    color:#aaa;
    float: right;
 }

 .startLine{
    width: 4.24rem;
    margin:0 auto .2rem;
    justify-content: space-between;
    direction: rtl;
 }

 .dfSstart{
    width:.6rem;
    height:.54rem;
    background:url(../img/start01.png) no-repeat;
    background-size: 100% 100%;
 }

 .dfSstart.hasTap{
    background-image: url(../img/start02.png);
 }

 .bkRevInp{
    height: 3.2rem;
    position:relative;
 }

 .bkRevPlace,.bkRevText{
    position:absolute;
    left:0;
    top: .2rem;
 }

 .bkRevPlace{
    width: 100%;
    z-index: 1;
    overflow: hidden;
 }

 .bkRevText{
    font-size: .28rem;
    width: 100%;
    height: 3.2rem;
    overflow-y: auto;
    z-index: 2;
    background: rgba(0,0,0,0);
 }

 .bkRevNumHint{
    font-size:.28rem;
    color:#999999;
 }

 .bkRevDetHint{
    font-size: .24rem;
    color:#aaa;
    margin-left: .1rem;
 }

 .sendBotArea{
    width: 100%;
    position: fixed;
    bottom:.24rem;
    padding:0 .24rem;
 }

 .subBkRev{
    width:1.7rem;
    height:0.7rem;
    line-height:0.7rem;
    background:#fff;
    box-shadow:  0 0 .2rem 0 #e35840;
    -webkit-border-radius: .7rem;
    border-radius: .7rem;
    outline: none;
    margin-left: auto;
 }

 .subBkRev[disabled]{
      box-shadow:  0 0 .2rem 0 #9b9b9b;
 }

 .subIn{
	 width:100%;
    text-align: center;
    font-size: .28rem;
    color:#ff4369;
    font-weight: 600;
 }

 .subBkRev[disabled] .subIn{
    color:#aaa;
 }

 .subIn::before {
     content: '';
     display:inline-block;
	 vertical-align: middle;
     width: .39rem;
     height:.35rem;
     background:url(../img/subIcon.png) no-repeat;
     background-size: 100% 100%;
     margin:-.04rem .1rem 0 0;
 }

 .subBkRev[disabled]  .subIn::before{
    background-image: url(../img/subIcon01.png);
 }

 .sendBotLeft{font-size: .24rem;}

 .bkRevNumArea{
    font-size: .24rem;
    color:#999999;
    margin-bottom:.3rem;
 }

 .sendHint::before {
     content: '';
     width:.34rem;
     height:.34rem;
     background:url(../img/chosed01.png) no-repeat;
     background-size: 100% 100%;
     display: inline-block;
     vertical-align: middle;
     margin:-.02rem .1rem 0 0;
 }

 .sendHint.hasCho::before{
    background-image: url(../img/chosed.png);
 }

 .litPop{
    font-size: .28rem;
    color:#fff;
    min-width: 1rem;
    padding:.3rem;
    background:#333;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    position: fixed;
    left: 50%;
    bottom:-200px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 3;
    -webkit-transition: all .25s ease;
            transition: all .25s ease;
 }

 .litPop.hasShow{
    bottom:20%;
 }
 /*留言 start*/
.sendLevMes{
    bottom:0;
    padding:0;
}

.sendLevMes .bkRevNumArea{padding-left: .24rem;}
.opMesArea{
    width: 100%;
    height:.88rem;
    padding:0 .24rem;
    -webkit-box-shadow:0 -0.04rem 0.1rem 0 #e4e4e4;
    box-shadow:0 -0.04rem 0.1rem 0 #e4e4e4;
}

.faceIcon,.recordIcon{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.faceIcon{
    width: .4rem;
    height: .4rem;
    background-image: url(../img/faceIcon.png);
}

.faceIcon.hasCli{
    background-image: url(../img/faceIcon02.png);
}

.face-sina-open .face-sina-body {
  display: block;
}

.face-sina-items {
  font-size: 0;
  padding: .1rem 0;
  display:flex;
  flex-wrap: wrap;
}
 .face-sina-item {
    display: inline-block;
    margin: 0 0px .34rem 0;
    transition: 0.3s;
    font-size:.4rem;
    cursor: pointer;
    width: 16%;
    text-align: center;
}
.face-show-box {
  width: 100%;
  padding: 10px;
  border:1px solid #e1dcdc;
  background: #eee;
  box-sizing: border-box;
  border-radius: 5px;
  display: none;
  vertical-align: middle;
}
.face-show-box img {
  vertical-align: middle;
}



.recordIcon{
    width: .3rem;
    height:.46rem;
    background-image: url(../img/radio01.png);
    margin-left: .5rem;    
}

.recordIcon.hasCli{
    background-image: url(../img/radio02.png);
}


.recordOut{
    display:none;
}

.recordArea{
    width: 100%;
    height:4rem;
    justify-content:center;
}

.recordIn{
    text-align: center;
}

.recordCter{
    width: 1.6rem;
    height:1.6rem;
    background:url(../img/recordCter.png) no-repeat;
    background-size: 100% 100%;
    margin:.2rem 0;
    justify-content: center;
}

.recordCterIn{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.recordCterIn01{
    width: .52rem;
    height:.75rem;
    background-image: url(../img/recordCterIn01.png);
}


.recordCterIn02{
    width: .7rem;
    height:.4rem;
    background-image: url(../img/recordCterIn02.png);
}


.recordCterIn03{
    width: .42rem;
    height:.5rem;
    background-image: url(../img/recordCterIn03.png);
}

.recInBtn{
    width: 1rem;
    height:.58rem;
    border-radius: .5rem;
    justify-content: center;
}

.delRecBtn{
    background:#cccccc;
    margin-right: .6rem;
}

.delRecBtn::before,.confRecBtn::before {
    content: '';
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display:block;
}

.delRecBtn::before {
    width:.28rem;
    height:.32rem;
    background-image:url(../img/recBtn01.png) ;
    background-size: 100% 100%;
}

.confRecBtn{
    background:-webkit-linear-gradient(to right,#ff4169,#ff4a2d);
    background:linear-gradient(to right,#ff4169,#ff4a2d);
    margin-left: .6rem;
}

.confRecBtn::before{
    width: .34rem;
    height:.24rem;
    background-image: url(../img/recBtn02.png);
}

.recordTm{
    font-size: .48rem;
    color:#666666;
    font-weight: 500;
}


.recordHint{
    font-size: .24rem;
    color:#aaaaaa;
    font-weight: 500;
}

.resRestCon{
    width:5rem;
}

.recRestIn{
    color:#fff;
    font-size: .24rem;
    font-weight: 500;
    padding:0 .3rem;
    height:.8rem;
    margin:0 .24rem;
    background:-webkit-linear-gradient(to right,#ff4266,#ff4a2c);
    background:linear-gradient(to right,#ff4266,#ff4a2c);
    -webkit-border-radius:.14rem;
    border-radius:.14rem;
    -webkit-box-shadow:0 0.01rem 0.12rem 0 #e35840;
    box-shadow:0 0.01rem 0.12rem 0 #e35840;
    position: relative;
}

.recRestIn::before {
  content: '';
    width: 0;
    height: 0;
    border-top: 0.14rem solid transparent;
    border-bottom: 0.14rem solid transparent;
    border-right: 0.14rem solid #ff4266;
    position: absolute;
    left: -.14rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.recResArea {
    height:.8rem;
}

.recResTm{
    margin-left: auto;
}
  
.recRestIcon{
    width: .28rem;
    height: .4rem;
    background:url(../img/recRestIcon01.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .26rem;
}

.resLisIcon {
    width: .24rem;
    height:.26rem;
    position: relative;
    overflow: hidden;
}

.resLisIcon.lisResult{
     animation:mymove .8s  infinite ease ;
    -webkit-animation:mymove .8s  infinite ease ;
}

 @keyframes mymove
    {
    from {width:.04rem;}
    to {width: .26rem;}
    }

    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
    from {width:.04rem;}
    to {width: .26rem;}
    }
.resLisImg{
    width: .24rem;
    height: .26rem;
    background:url(../img/recRestIcon02.png) no-repeat;
    background-size: 100% 100%;
}
.delResBtn{
    width: .38rem;
    height: .38rem;
    background:url(../img/delBtn.png) no-repeat;
    background-size: 100% 100%;
    position:absolute;
    right:-.7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.mesSubBtn{
    font-size: .32rem;
    font-weight: 500;
    color:#dc3023;
    margin-left: auto;
    background:none;
    outline:none;
    padding:.1rem 0 .1rem .4rem;
    border-left: 0.01rem solid #e5e5e5;
}

.mesSubBtn[disabled]{
    color:#aaaaaa;
}

.mesSubBtn::before {
    content: '';
    width: .4rem;
    height: .36rem;
    background:url(../img/subIcon.png) no-repeat;
    background-size: 100% 100%;
    display:inline-block;
    vertical-align: middle;
    margin:-.08rem .2rem 0 0;
}

.mesSubBtn[disabled]::before{
    background-image: url(../img/subIcon01.png);
}

 /*留言 end*/


/*发表书评 end*/

/* 书评详情 */
.bkRevDetArea {
	width: 100%;
    background:#fff;
}

.bkRevDetArea .particManArea{
    margin:0 .24rem;
    padding-bottom: .26rem;
}

.bkRevDetArea .hotRevLi{
    display:block;
}

.bkRevDetTop{
    border-bottom: 0.01rem solid #eee;
    padding-bottom: .22rem;
}

.ldPlaneDet{
    font-size: .24rem;
    color:#666;
    font-weight: 600;
    margin-left: auto;
    margin-right: .2rem;
}

.ldPlaneDet::after {
    content: '';
    width:0.06rem;
    height:0.1rem;
    background:url(../img/detRt.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin:0 0 0 .1rem;
}

.pointSwiper{
    width:3.8rem;
}

.bkRevDetArea .particNum{
   right:1.1rem; 
}

.pintIcon{
    width: .5rem;
    height: .5rem;
    background:url(../img/revPt01.png) no-repeat center center;
    background-size: .28rem .28rem;
    position:absolute;
    right:.54rem;
    top:33%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.pintIcon.hasTap{
    background-image: url(../img/revPt02.png);
}

.readLeaveMes{
    background:#fff;
    margin-top: .2rem;
}

.mesLev{
    font-size: .26rem;
    padding:.2rem .1rem;
    align-items: flex-start;
}

.readLeaveMes .hotRevLi{
    margin-bottom: 0;
}

.readLeaveMes .perRevArea{
    border-bottom:0.01rem solid #eee;
    padding-bottom: .3rem;
}

.readLeaveMes .hotRevLi:last-of-type .perRevArea{
    border-bottom:none;
}

.mesNoMore{
    font-size: .24rem;
    color:#aaa;
    text-align: center;
   height:.8rem;
   line-height:.8rem;
}

.mesOpArea{
    width: 100%;
    height:1.6rem;
    background:#fff;
    position:fixed;
    left:0;
    bottom:0;
    z-index: 1;
}

.mesOpArea a{
    font-size: .28rem;
    color:#000000;
    text-align: center;
    width: 100%;
    height:.8rem;
    line-height:.8rem;
    display:block;
}

/*我要参加 start*/
.partTopInp{
    margin-top: .3rem;
}

.h418{
    height:4.18rem;
}
.addImgHint{
	font-size: .24rem;
	color:#999999;
	background-color: #f5f5f5;
	padding:.16rem .24rem;
}

.upImgArea{
    padding:.28rem .24rem;
    margin-bottom: .88rem;
}

.upImgTit{
    font-size: .28rem;
    color:#666;
    font-weight: 500;
    margin-bottom: .28rem;
}

.imgSize{
    font-size: .24rem;
    color:#999999;
}

.addImgArea{
    width: 1.8rem;
    height: 1.8rem;
    background:url(../img/addImgBtn.png) no-repeat;
	background-size: 100% 100%;
	display:block;
    position: relative;
}


.addImgInp{
    width: 100%;
    position:absolute;
    left: 0;
    top: 0;
    opacity:0;
}

.imgIcon{
    width: .68rem;
    height: .58rem;
    background:url(../img/imgIcon.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    margin:0 auto .2rem;
}

.bkRveOut{
    justify-content: flex-end;
}

.bkRveOut .bkRevNumArea{
    margin-right: .24rem;
}
.upImgIn{
	flex-wrap: wrap;
}

.mypicture{
    width: 1.8rem;
	height: 1.8rem;
    position:relative;
	margin-right: .3rem;
	-webkit-border-radius:.1rem ;
	-moz-border-radius:.1rem ;
	border-radius: .1rem;
	overflow: hidden;
}

.mypicture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.del-per {
    width:.5rem;
    height: .5rem;
    background: url(../img/del.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
}

/*我要参加 end*/

/*发表书评 start*/
.pubBookSwiper {
  width: 100%;
  height: 100%;
}
.pubBookSwiper .swiper-slide {
  font-size: 18px;
  background: #fff;
  height: 85%;
  margin-top: .2rem;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-border-radius: .25rem;
  border-radius: .25rem;
  -webkit-box-shadow: 0 0 0.5rem 0.1rem rgba(247, 96, 74, 0.2);
  box-shadow: 0 0 0.5rem 0.1rem rgba(247, 96, 74, 0.2);
}

.pubBookSwiper .swiper-pagination-bullet,
.bookVotSwiper .swiper-pagination-bullet{
		width:.2rem;
		height: .08rem;
		background: #999;
		-webkit-border-radius: .25rem;
 	 border-radius: .25rem;
}

.pubBookSwiper .swiper-pagination-bullet-active,
.bookVotSwiper .swiper-pagination-bullet-active
{
		width: .3rem;
}

.pubBookSwiper  .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 1.2rem;
}
.pubBookArea{
	padding: 0 .2rem;
	position: relative;
}
.pubBookImg{
	width: 3.32rem;
	height: 4.46rem;
	margin: .7rem auto .2rem;
}

.pubBookImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pubBookTit{
	font-size: .32rem;
	color: #000000;
	margin-bottom: .12rem;
	text-align: center;
}
.pubBookWt{
	font-size: .24rem;
	text-align: center;
	color: #666;
}

.bookDetArea{
	width: 90%;
	height: 2rem;
	position: relative;
	margin: .56rem auto 0;
}

.bookDetArea:before,.bookDetArea:after{
	content: '';
	width: .61rem;
	height: .51rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
}

.bookDetArea:before{
	background-image: url(../img/font-icon-01.png);
	left: 0;
	top: -.9rem;
}
.bookDetArea:after{
	background-image: url(../img/font-icon-02.png);
	right: 0;
	bottom: -.8rem;
}

.bookDetIn{
	font-size:.28rem;
	color:#333;
	line-height: .45rem;
	text-align: left;
	letter-spacing: .02rem;
}

.hasEspFour{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.hotBook{
	text-align: center;
	font-size: .24rem;
	color: #999999;
	margin-top: .1rem;
}

.bookDetArea .opDnBtn{
	position: absolute;
	left: 0rem;
	bottom: -.1rem;
}

.pubBookBtn{
	font-size: .32rem;
	width: 3.4rem;
	height: .88rem;
	line-height: .88rem;
	color: #fff;
	text-align: center;
	-webkit-border-radius: .8rem;
	border-radius: .8rem;
	position: absolute;
	left: 50%;
	bottom: -1.4rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
/*发表书评 end*/

/*书籍投票 start*/
.bookVotArea{
	width: 100%;
	height: 100%;
	background: url(../img/book-vot-bg.png) no-repeat;
	background-size: 100% 3.12rem;
	overflow: hidden;
}

.bookVotSwiper .swiper-slide{
	height: 5.6rem;
}

.bookVotIn{
	width: 4.4rem;
	height: 5.6rem;
	background: #fff;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	-webkit-box-shadow: 0 0 0.2rem 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0.2rem 0px rgba(0, 0, 0, 0.25);
	 /*display: -webkit-box;
     display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
	-webkit-align-items: center;
	align-items: center;*/
	overflow: hidden;
}

.bookVotSwiper.swiper-container-horizontal>.swiper-pagination-bullets,
.bookVotSwiper .swiper-pagination-custom,
.bookVotSwiper .swiper-pagination-fraction{
	bottom: 1.3rem;
}

.bookVotImg{
	width: 3rem;
	height: 3rem;
	margin:0.5rem auto;
	background: #fff;
	position: relative;
}

.bookVotImg:after{
	content: '';
	width: 100%;
	height: 1.78rem;
	background:url(../img/book-bg-hint.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	bottom: -0.4rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: .2rem;
}

.bookVotImg img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.bookVotTit{
	font-size: .32rem;
	color: #333333;
}
.bookVotWt{
	margin: .1rem 0;
}
.bookVotWt,
.bookVotCb{
	font-size: .24rem;
	color: #666;
}

.tapVotBtn{
	color: #fff;
	width: 2.6rem;
	height: .98rem;
	margin: 0.6rem auto 0;
	-webkit-border-radius: .98rem;
	border-radius: .98rem;
	text-align: center;
	cursor: pointer;
	display: block;
	outline: none;
}

.tapVotBtn[disabled]{
	background: -webkit-linear-gradient(to right,#cbcbcb,#ababab);
	background: linear-gradient(to right,#cbcbcb,#ababab);
}

.tapVotFt{
	font-size: .28rem;
}

.tapVotNum{
	font-size: .24rem;
}

.tapVotNum:before{
	content: '';
	width: .2rem;
	height: .16rem;
	background: url(../img/workL01.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
	margin: -.04rem .1rem  0 0;
}

.votHint{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: .22rem;
	color: #999;
	margin-top: .3rem;
}

/*书籍投票 end*/

/*1.3 书评图片 start*/
body.notScroll{
	overflow: hidden;
}

.revDetArea{
	margin-bottom: .2rem;
}

.imgGrp{
	width: 100%;
	flex-wrap: wrap;
}

.imgGrp img{
	object-fit: cover;
	margin: 0 .2rem .2rem 0;
	-webkit-border-radius:  .1rem;
	-moz-border-radius:  .1rem;
	border-radius:  .1rem;
}
.imgGrp01 img{
	width: 100%;
	height: 3.84rem;
}
.imgGrp02 img{
	width: 31%;
	height: 2.1rem;
}
.imgGrp img:nth-of-type(3n){margin-right: 0;}

.closeImgBtn{
	width: .8rem;
	height: .8rem;
	line-height: .76rem;
	background: #d20707;
	position:absolute;
	top:.1rem;
	right:.1rem;
	z-index:9999;
	color:#fff;
	text-align: center;
	font-weight:bold; 
	font-size:.4rem;
	border-radius: .8rem;
	-webkit-border-radius: .8rem;
}
    .zoomSwiper .swiper-pagination-bullet {
	    width: 0.16rem;
	    height:  0.16rem;
	    display: inline-block;
	    background: url(../img/point.png) no-repeat;
		background-size: 100% 100%;
	    opacity: .2;
} 
	    
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.04rem;}
.swiper-pagination-white .swiper-pagination-bullet-active{opacity: 1;}

.zoomImgArea{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.zoomImgArea.hasShow{z-index: 1001; opacity: 1;}
.zoomImgArea .zoomSwiper {position: relative;width: 100%;height: 100%;}

.revDetImg{
}

.revDetImg img{
    width: 100%;
    max-height: 100%;
    margin-top: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    object-fit: contain;
	display: block;
}
/*1.3 书评图片 end*/