@charset "utf-8";
/*****************
	*公共样式  
	*main
	*lml
	*2017-5-10
*****************/
/*@font-face{
font-family: ZT;
src: url('SOURCEHANSANSCN-REGULAR.OTF'),
     url('SOURCEHANSANSCN-REGULAR.OTF'); 
}*/
/*@font-face{font-family:ZT;src: url('SOURCEHANSANSCN-MEDIUM.OTF');src: url('SOURCEHANSANSCN-MEDIUM.OTF?#iefix') format('embedded-opentype'),url('SOURCEHANSANSCN-MEDIUM.OTF') format('woff');}.ZT{font-family:ZT;}*/
 

html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#1b1b1b; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}  fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}

html {
	font-size:100%
}
/*文字超出隐藏*/
.w_break{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
strong,em,i{ font-style:normal; font-weight:normal;}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.fl{ float:left;}
.fr{ float:right;}
body{-webkit-text-size-adjust:none; /*禁止苹果对部分字体放大处理bug*/line-height: 1.7;}

.red{ color:#fe0000;}
/**************************************/
::-webkit-input-placeholder {color:#999; text-overflow:ellipsis;}
:-moz-placeholder {color:#999; text-overflow:ellipsis;}
::-moz-placeholder {color:#999; text-overflow:ellipsis;} /* for the future */
:-ms-input-placeholder {color:#999; text-overflow:ellipsis;} 

.lft{ float:left;}
.rgt{ float:right;}
img{ width:auto; max-width:100%;}
html{-webkit-text-size-adjust:none; }
body{font-family: "Microsoft YaHei",sans-serif;  line-height: 1.7;  margin: 0 auto; min-width: 320px;max-width:750px;  position: relative; height:100%; color:#333;  }
body a{ color:#333;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
a:hover,a:link,a:visited,a{ color:inherit; text-decoration:none;}
.layout{position:relative; margin:0 auto;text-align:left;background:#fff; height:100%; width:100%; }

::-webkit-input-placeholder {
color: #666666; text-overflow: ellipsis;
}
:-moz-placeholder {
color: #666666; text-overflow: ellipsis;
}
::-moz-placeholder {
color: #666666; text-overflow: ellipsis;
} /* for the future */
:-ms-input-placeholder {
color:#666666; text-overflow: ellipsis;
}


/*input字体颜色*/
 input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #c0c0c5;
}
   input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
   color: #c0c0c5;
 }
   input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #c0c0c5;
 }
  input::-ms-input-placeholder {
   /* Internet Explorer 10+ */
  color: #c0c0c5;
}

/*多行文本框字体颜色*/
 textarea::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #c0c0c5;
}
  textarea::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
   color: #c0c0c5;
 }
  textarea::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #c0c0c5;
 }
 textarea::-ms-input-placeholder {
   /* Internet Explorer 10+ */
  color: #c0c0c5;
}




/*********头部************/
.head{background-color: #FEE100;width: 100%;height: 44px;padding:0px;margin:0px;}
.head .head_left{width: 50px;text-align: center; }
.head .head_left img{height: 16px; padding-top: 5px;}
.head .head_right{width: 50px;text-align: center;}
.head .head_right img{height: 19px;padding-top: 4px;}
.head .head_but{width: 265px;background-color: #763B00;padding:0;color: #FEE100;border-radius: 20px;height: 30px;}
.head .head_but td{width: 53px;text-align: center;}
.head .head_but_click{background-color: #FEE100;border-radius: 20px;color: #763B00;}
.head .head_but2{width: 106px;background-color: #763B00;padding:0;color: #FEE100;border-radius: 20px;height: 30px;}
.head .head_but2 td{width: 53px;text-align: center;}
.head .head_but2_click{background-color: #FEE100;border-radius: 20px;color: #763B00;}
.head .title{color:#763B00;font-size: 16px;}
.head a{color:#FEE100;}
/****详情界面白色底*******/
.mhDeail .head{background-color: white;border-bottom: 1px solid #F5F5F5;font-size: 15px;}


/*********底部按钮************/
.bottom_div{height: 60px;clear: both;}
.bottom_but{width: 100%; min-width: 320px;max-width:750px;background-color: white;position: fixed;bottom: 0px;height: 50px;padding:6px 0 0 0;margin:0px;text-align: center;border-top:1px solid #F5F5F5;}
.bottom_but .but_img td{height: 25px;line-height: 0px;margin: 0px;padding:0px;    width: 25%;}
.bottom_but .but_text{line-height: 25px;font-size: 12px;}
.bottom_but .but_text .but_text_select{color: #fcca01;}
.bottom_but img{height: 23px;margin: 0px;padding:0px;}
.bottom_but .myMsg{width: 7px;height:7px;background-color: red;border-radius: 100%;position: absolute;right: 8%;bottom:44px;display: none;}
/*********列表正在加载********************/
.loading{text-align: center;padding: 10px;display: none;clear: both;}
.loading img{position: relative;top: 3px;width: 17px;height: 17px;margin-right:5px;}

/*********列表加载完********************/
.noData{text-align: center;padding: 10px;color:#9B9B9B;clear: both;}
.noData img{position: relative;top: 3px;height: 30px;margin-right:5px;}

/******************提交按钮************************/
.butSubmint{width: 100%;background-color: #FEE100;padding:0;color: #763B00;border-radius: 20px;text-align: center; line-height: 35px;font-size: 16px;margin-top: 10px;}


/****************没有内容*********************/
.noContent{width: 100%;text-align: center;margin-top: 70px;line-height: 30px;clear: both;}
.noContent img{width: 170px;margin:0 auto;}
.noContent .noContentBut{width: 90px;margin:0 auto;background-color: #FEE100;border-radius: 20px;    color: #763B00;margin-top: 20px;}

/****旋转箭头图标*******/
.rightNext{
	transform: rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */}

/*****************
	*首页  
	*index
	*lml
	*2017-5-11
*****************/
.index .list_main{padding:0 10px 0px 10px;width: 100%;box-sizing: border-box;clear: both;}
.index .list1{padding-bottom:10px;width: 100%;height: 100px;overflow: hidden;}
.index .list1 .list1_left{height: 100px;width:159px;}
.index .list1 .list1_left img{height: 100px;width:159px;}
.index .list1 .list1_type{width: 80px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.index .list1 .list1_right{padding:0 0 0 10px;}
.index .list1 .list1_right .list1_title{line-height: 20px;height:40px;overflow: hidden;}
.index .list1 .list1_right .newZ{line-height: 34px;margin-bottom: 3px;font-size: 12px;color: #9B9B9B;}
.index .list1 .list1_right .list1_des{color: #9B9B9B;line-height: 20px;font-size: 12px;width: 100%;}
.index .list1 .list1_right .list1_type{margin-bottom:5px;float:left;border: 1px solid #dedede;border-radius: 10px;text-align: center;width: 40px;line-height: 18px;height: 18px;font-size: 12px;color: #9B9B9B;}
.index .list1 .list1_right .list1_readSum{float:right;}
.index .list1_readSum img{height: 10px;margin-right: 5px;position: relative;top: 1px;}


.index .list2_main{width: 100%;padding:0px 10px 0 0;box-sizing: border-box;clear: both;}
.index .list2{width: 50%;float: left;padding-left:3px;box-sizing: border-box; }

.index .list2_img img{width: 100%;}
.index .list2_text_div{   }
.index .list2_text{height:42px; padding:5px 8px;text-align:center }

.index .list3_main{width: 100%;padding:0px 10px 0 0;box-sizing: border-box;clear: both;}
.index .list3{width: 33.3%;float: left;padding-left:3px;box-sizing: border-box;}
.index .list3_img img{width: 100%;}
.index .list3_text{margin-bottom: 15px;text-align:center }

.index .list_title{line-height: 23px;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
.index .list_des{line-height:16px;font-size: 12px;color: #9B9B9B;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.index .menu{width: 100%;padding:10px 0;margin:0px;height: 75px;}
.index .menu td{text-align: center;padding:0px;}
.index .menu_img td{height: 57px;}
.index .menu_img img{width: 57px;height:57px;padding:10px}
.index .menu_text td{line-height: 20px;}
.index .menu_text a{color: #763B00;}
.index .line{height: 5px;background-color: #F5F5F5;clear: both;}

.index .line1{ ;clear: both;}

.index .list_main_title{line-height: 50px;height:50px;font-size: 16px;padding-left: 10px;clear: both;}
.index .list_main_title span{}
.index .list_main_title .list_img{height: 18px;position: relative;top: 3px;padding-right:5px;}
.index .list_main_gd{float: right;font-size: 14px;margin-right:10px;color:#A1A1A1;}
.index .rightImg{
	height: 10px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */}
}




/**index_2**/
.pt2{padding-top: 0.2rem;
overflow: hidden;}

.w_bg{background:#f8f8f8;}
.slideBox{position:relative;margin:0 auto;overflow:hidden; width:100%; height:4.3rem;}
.slideBox .hd{height:0.06rem;position:absolute;z-index:1;bottom:0.6rem;text-align:center;
 width:100%;}
.slideBox .hd ul{height:0.06rem; left:0;font-size:0;vertical-align:top; }
.slideBox .hd ul li{display:inline-block;width:0.1rem;height:0.2rem;margin:0 0.05rem; border-radius:0.06rem;
vertical-align:top;overflow:hidden; background:rgba(255,255,255,0.8); }
.slideBox .hd ul li.on{background:#fdc403; border:none; width:0.1rem; }
.slideBox .bd ul li img{ width:100%; height:4.3rem; display:block;}

/**huandeng**/

 .pageThree .title{position: relative;margin-bottom: 0.4rem;}
 .pageThree .title h4{font-size:0.35rem;color: #000;padding-left: 0.3rem;border-bottom: none;/*font-weight:bold;*/}
 
 
.pageThree .title a{font-size:0.3rem;color: #999;position: absolute;top:0.1rem;right:0.3rem;}
.pageThree .list2_1{margin-bottom:0.9rem;}

.pageThree .list2_1 ul{background:url(../image/w_ng1.png) left top no-repeat ;background-size:100% 100%;}
/*.pageThree .list2_1 ul li:nth-child(2n){background: #f2f2f2;}*/

.pageThree .list2_1 ul li,.pageThree .list3_1 ul li{float:left;width:50%;}
.pageThree .list2_1 ul li{height:1.3rem;}
.pageThree .list2_1 .pic{float:left;width:30%;}
.pageThree .list2_1 .txt{float:right;width:65%;padding:0.3rem 0;}
.pageThree .list2_1 .pic img{width: 100%;height:1.3rem;}
.pageThree .list2_1 .txt h4{font-size:0.24rem;color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pageThree .list2_1 .txt h4 span{margin-left: 0.3rem;}
.pageThree .list2_1 .txt p{font-size:0.22rem;color:#999;}
.pageThree .list2_1 .txt p em{display:inline-block;width:0.45rem;}


.pageThree .list3_1{overflow:hidden;}
.pageThree .list3_1 ul{margin-left: -0.1rem;position:relative;}
.pageThree .list3_1 li{margin-bottom:0.3rem;padding-left: 0.05rem; box-sizing: border-box;}

.pageThree .list3_1 .pic{position:relative;}
.pageThree .list3_1 .pic img{width: 100%;height:2.2rem;}
.pageThree .list3_1 .pic span{position:absolute;bottom:0.2rem;right:0;display:inline-block;width:1rem;height:0.4rem;line-height:0.4rem;
text-align: center;background: #fec107;font-size:0.2rem;color: #333;}
.pageThree .list3_1 .txt{text-align: center;}
.pageThree .list3_1 .txt h4{font-size:0.28rem;color:#333;width:100%; height:0.4rem;line-height:0.4rem;
overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.pageThree .list3_1 .txt span{font-size:0.24rem;color:#999;display:inline-block;

width: 80%; height:0.4rem; line-height:0.4rem;   overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

 

.pageThree .list4_1{padding-top: 0.2rem;overflow:hidden;}
.pageThree .list4_1 ul{position:relative;margin-left:-0.1rem;}

.pageThree .list4_1 ul li{float:left;width: 33.333%;padding-left: 0.05rem;box-sizing: border-box;}
.pageThree .list4_1 .pic{position:relative;}
.pageThree .list4_1 .pic img{height:3.3rem;width: 100%;}
.pageThree .list4_1 .pic span{position:absolute;bottom:0.2rem;right:0;}
.pageThree .list4_1 li .item{width:100%;}



.pageThree .list5{padding-top: 0.2rem;overflow:hidden;}
.pageThree .list5 ul{position:relative;margin-left:-0.1rem;}

.pageThree .list5 ul li{float:left; padding-left: 0.05rem;box-sizing: border-box;}
.pageThree .list5 .pic{position:relative;width: 100%;float: left;  }
.pageThree .list5 .pic img{width: 100%;  }
.pageThree .list5 .pic span{position:absolute;bottom:0.2rem;right:0;}
.pageThree .list5 li .item{width:100%;}

.pageThree .list5 .txt{text-align:center; padding-left:10px; te}
.pageThree .list5 .txt h4{font-size:0.28rem;color:#000000;width:100%; height:0.4rem;line-height:0.4rem;
overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.pageThree .list5 .txt span{font-size:0.24rem;color:#999;display:inline-block;
 height:0.4rem; line-height:0.4rem;   overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}


.picScroll{margin-bottom:0.5rem;}
.picScroll .bd ul{ width:100%;  float:left; }
.picScroll .bd li{ width:50%; float:left; }
.picScroll .hd{font-size: 0;}


.none,.none1{display:none;}


.index_qr   p{ padding-top:10px;}

.qrcode{width: 10%!important;;}
.flexslider .slides img{ 
height: 3.4rem;
 }
/*****************
	*详情/简介/选集  
	*detail
	*lml
	*2017-5-11
*****************/
.detail .d1{ display: black;}
.detail .d0{ display: none;}

.detail .detailRollOn{background-color: rgba(63,63,63,.7);position: fixed;top: 0px;}
.detail .detailRollOff{position: relative;bottom: 240px;}
.detail .detailRollOff .title{display: none;}
.detail .detailHead{width: 100%;height: 44px;padding:0px;margin:0px;z-index: 1000;}
.detail .detailHead .head_left{text-align: left;padding:0 58px 0 15px;width: 22px; }
.detail .detailHead .head_left img{height: 16px; padding-top: 5px;}
.detail .detailHead .head_right{width: 85px;text-align: center;font-size: 16px;float: right;color: #6D301A;}
.detail .detailHead .head_right img{height: 16px;padding-top: 5px;}
.detail .detailHead .head_but{width: 100px;background-color: #6D301A;padding:0;color: #fee100;border-radius: 20px;height: 30px;}
.detail .detailHead .head_but td{width: 50px;text-align: center;}
.detail .detailHead .head_but_click{background-color: #fee100;border-radius: 20px;}
.detail .detailHead .head_but_click span{color: #6D301A;}
.detail .detailHead .title{color:white;font-size: 16px;text-align: center;width: 100%;}
.detail .detailHead .head_right .follow{font-size: 14px;color:#6D301A;border-radius: 20px;background-color: #fee100;height:25px;padding:0 10px;margin-top: 9px;margin-right: 15px;}
.detail .detailHead .head_right .follow span{font-size: 24px;position: relative;top: 3px;}

.detail .detailHeadBut{width: 100%;padding:10px;margin:10px;position: relative;top: 0px;height: 44px;line-height: 44px;}
.detail .detailHeadBut img{}
.detail .headMain{height: 240px;padding:0px;margin:0px;overflow: hidden;}
.detail .headMainImg{width:100%;}
.detail .headMainImg img{width:100%;height: 240px;}
.detail .headMainImgBg{position: relative;top: 0px;height: 0px;opacity: 0.5;}
.detail .headMainImgBg img{height: 240px;width:100%;}

.detail .headMainImgText{position: relative;bottom: 148px;height: 0px;color: rgb( 255, 255, 255 );padding:20px;}
.detail .headMainImgFollow{height: 130px;font-size: 16px;float: right;color: #6D301A;}
.detail .headMainImgFollow div{border-radius: 20px;background-color: #fee100;line-height: 26px;padding:0 13px;}
.detail .headMainImgFollow span{font-size: 24px;position: relative;top: 3px;}
.detail .headMainImgTitle{clear: both;font-size: 22px;text-shadow:1px 1px 1px rgb( 63, 63, 63 ); }
.detail .headMainImgType{clear: both;height:19px;line-height: 21px;border-radius: 20px;border:1px solid white;width: 45px;text-align: center;margin-top: 15px;}
.detail .tabBut{width: 100%;font-size: 16px;line-height: 50px;border-bottom:1px solid #f5f6f8;}
.detail .tabBut td{text-align: center;}
.detail .tabButSelect{border-bottom:3px solid #fee100;width: 60%;margin:0 auto;color: #6D301A;}

.detail .bottom_but{padding:0px;background-color: #F4F4F4;overflow: hidden;}
.detail .bottomReadButTd{width:125px;padding:0px;}
.detail .bottomReadBut{font-size: 16px;background-color: #fee100;color: #6D301A;height: 50px;padding: 18px 30px;}
.detail .bottomReadButTitle{text-align: left;padding-left:30px;color:#717171;font-size: 14px;}

.detail .introductionMain{line-height: 50px;padding:10px;}
.detail .introductionMainTitle{font-size: 16px;}
.detail .introductionMainText{line-height: 24px;}
.detail .introductionMainAuthor{font-size: 15px;line-height: 60px;}

.detail .followAndBrowse{width: 100%; margin-bottom:10px;}
.detail .followAndBrowse td{text-align: center;width: 50%;}
.detail .followAndBrowse div{background-color: #F4F4F4;height: 30px;line-height: 30px;width: 95%;margin:0 auto;border-radius: 20px;}
.detail .followDiv img{height: 14px;position: relative;top: 2px;}
.detail .browseDiv img{height: 17px;position: relative;top: 2px;}
.detail .followDiv span{font-size: 13px;padding:0 2px;}
.detail .browseDiv span{font-size: 13px;padding:0 2px;}

.detail .anthologyMain{display: none;}
.detail .anthologyMainHead{padding:15px;}
.detail .anthologyMainHeadSort{float: right;}
.detail .anthologyMainHeadSort img{height: 11px;}

/*阅读文字模式*/
.detail .detailMenuList{padding:0 15px 0 0;width: 100%;box-sizing: border-box;}
.detail .detailMenuList .titleDiv{width: 25%;float:left;box-sizing: border-box;padding-left:15px;}
.detail .detailMenuList .titleDiv .title{text-align: center;height: 31px;line-height: 31px;margin-top: 15px;border-radius: 3px;font-size: 13px;    overflow: hidden;}
.detail .detailMenu .already{border:1px solid #dedede;color:#929292;}
.detail .detailMenu .alreadyOff{border:1px solid #dedede;background-color:white;color:#929292;}
.detail .needBuyDiv{float: right;position:relative;    right: 4px;height: 0px;top: -17px;}
.detail .needBuyDiv img{width: 10px;}
.detail .menuGd{padding:15px;clear: both;}
.detail .menuGd div{color:#929292;width: 100%;line-height: 31px;height: 31px;background-color: #f4f4f4;border-radius: 3px;text-align: center;box-sizing: border-box;}
.detail .menuGd img{width: 15px;margin-left: 5px;position: relative;top: 2px;}

/*阅读缩略图模式*/
/* .detail .detailMenu{padding:0px;margin:0px;}
.detail .detailMenu table{height: 100px;overflow: hidden;padding:10px 0px 7px 10px;}
.detail .detailMenu .detailMenu_left{height: 80px;padding:0px;margin:0px;width: 138px;clear: both;overflow: hidden;}
.detail .detailMenu .detailMenu_left img{height: 80px;width: 138px;}
.detail .detailMenu .detailMenu_left .f0{height:0px;display: none}
 .detail .detailMenu .detailMenu_left .f1{ display: black;position:absolute;   z-index:20000;}
 .detail .detailMenu .detailMenu_left .f1 img{width: 15px;height:19px; }
 
.detail .detailMenu .detailMenu_right{padding:0 10px;margin:0px;}
.detail .detailMenu .detailMenu_right .detailMenu_right_needBuy img{height:16px;}
.detail .detailMenu .detailMenu_title{font-size: 15px;line-height: 25px;height:25px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail .detailMenu .detailMenu_des{color: #747474;font-size: 13px;width: 100%;}
.detail .detailMenu .detailMenu_type{float:left;}
.detail .detailMenu .detailMenu_readSum{line-height: 20px;font-size:12px;color: #9B9B9B;text-align: right;padding:0px;margin:0px;white-space:nowrap;padding-right:10px;}
.detail .detailMenu .detailMenu_readSum img{height: 12px;margin-right: 5px;position: relative;top: 1px;}
.detail .detailMenu .already{width: 26px;color: #989898;}
.detail .detailMenu .alreadyOff img{display: none;}
.detail .detailMenu .already img{height: 23px;}
.detail .detailMenu .detailMenuTypeDiv{height:25px;padding:0px;margin:0px;}
.detail .detailMenu .alreadyTable{background-color: #F4F4F4;color: #AAA;}
.detail .detailMenu .alreadyTable .detailMenu_type{color: #AAA;}
.detail .detailMenu .alreadyTable .detailMenu_left img{opacity: 0.6;}

.detail .detailMenu .needBuyDiv{color:#fee100;background:rgba(0,0,0,0.4);height: 80px;width: 138px;text-align: center;line-height: 96px;position: relative;clear: both; }
 
 
.detail .detailMenu .needBuyDiv img{width: 15px;height:19px;}
.detail .detailMenu .needBuyDiv span{position: relative;bottom:2px;}
.detail .detailMenu .detailMenuTr{clear: both;}
 */
/*****************
	*阅读界面 
	*read
	*lml
	*2017-5-11
*****************/
.readShowHead{       z-index: 9999;position: fixed;top: 0;}
.readShowReadMenu{display: block; z-index: 9999;position: fixed;bottom: 0;    background-color: white;border-top: 1px solid #F5F5F5;}
.readMenuTable{ display: none;width: 100%; color: #A9A9A9;line-height: 44px;}
.readMenuTable td{text-align: center; width: 25%;}
.readMenuTable td a{color: #A9A9A9;}
.readMenuTableImg img{padding:0px;height:17px;margin-right:8px;}
.readMenuTableImg .like {position: relative;top: 2px;}
.readMenuTableImg .follow {position: relative;top: 4px;}
.readMenuTableImg .rightNextB{position: relative;top: 1px;  height: 12px;-webkit-transform: rotate(180deg);}
.readMenuTableImg .leftNextB{position: relative;top: 1px;  height: 12px;}
.read .head_right a{color:#fcca01;}
.read .readMenu{ width: 100%; color: #A9A9A9;padding-bottom:20px;}
.read .readMenu td{width: 50%;text-align: center;}
.read .readMenuImg img{height: 20px;padding:20px 20px 5px 20px;}
.read .readMain p{width:100%;overflow: hidden;margin: 0px;padding: 0px;}
.read .readMain img{width: 100%;padding:0px;margin:0px;overflow: hidden;display: block;}
.read .filpBut{width: 100%;color: #A9A9A9;border-top:2px solid #F5F5F5;}
.read .filpBut td{text-align: center;line-height: 60px;width: 50%;}
.read .filpBut .next{border-left:2px solid #F8F8F8;}
.read .filpBut img{height: 12px;position: relative;top: 1px;}
.read .filpBut  span{font-size:15px;}
.read .filpBut a{color: #A9A9A9;line-height: 60px;width: 100%;display: block;}

.readPayDiv .payDivDes{line-height: 20px;color:#919191;padding:20px;}
.readPayDiv .payDivDes img{height: 15px;position: relative;top: 2px;}
.readPayDiv .payDivText{line-height: 20px;text-align: center;width: 100%;}
.readPayDiv .payDivMoney{text-align: center;margin-top: 30px;}
.readPayDiv .payDivMoneySpan{color:#763B00;font-size: 14px;}
.readPayDiv .payDivMoneySpan span{font-size: 24px;}
.readPayDiv .payDivBut{line-height: 40px;width: 80%;margin:0 auto;background-color: #FEE100;text-align: center;;border-radius: 20px;color:#763B00;margin-top: 30px;}
.readPayDiv .payDivBottomDes{font-size:12px;text-align: center;line-height: 40px;color:#919191;margin-bottom: 18px;}
.readPayDiv .payDivBottomDes img{height: 14px;position: relative;top: 2px;}
.readPayDiv .payDivMoneyDes{line-height: 40px;border-top: 1px solid #F8F8F8;padding-left: 10px;}
.readPayDiv .payDivMoneyDes span{font-size: 16px;color:#763B00;}

/*****************
	*最新推荐列表界面 
	*new
	*lml
	*2017-5-11
*****************/
.new .newList .newTimeText{color: #B8B8B8;background-color: #F5F5F5;line-height: 46px;padding-left:10px;}
.new .newList .newTitleText{font-size: 16px;color:#000000;}
.new .newList .newTimeText img{height: 18px;position:relative;top: 2px;}
.new .newList .newImgDiv img{width: 100%;}
.new .newList .newTitle{line-height: 42px;padding:0 10px;padding-top:3px;height: 42px;}
.new .newList .newTitlezj{ color: rgba( 63, 63, 63,.8 );overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;float: left;}
.new .newList .newTitleType{padding:3px 10px;background-color: #FEA5E4;color:white;border-radius: 10px;margin-right: 5px;font-size: 12px;position: relative;bottom: 2px;}
.new .newList .newTitleLefe{float: right;color: #B0B0B0;}
.new .newList .newTitleLefe img{height: 13px;margin:0 3px 0 10px;}
.new .newList .newTitleLefe img:first-child{height: 11px; }
.new .newList .newTitleLeftArrow .rightNext{height: 10px;margin:0 3px 0 10px;position: relative;top: 1px;}
.new .newList .newListMian{border-bottom:3px solid #F5F5F5;}
.new .newList .bg4{background-color: #ffff00;}
.new .newList .bg5{background-color: #fd6897;}
.new .newList .bg6{background-color: #9234df;}
.new .newList .bg7{background-color: #33fc00;}
.new .newList .bg8{background-color: #fed9c9;}
.new .newList .bg9{background-color: #000000;}
.new .newList .bg10{background-color: #fed9c9;}
.new .newList .bg11{background-color: #d8e8bb;}
.new .newList .bg12{background-color: #33ffcc;}
.new .newList .bg13{background-color: #71624d;}
.new .newList .bg14{background-color: #0000ff;}
.new .newList .bg15{background-color: #ff00cc;}
.new .newList .bg16{background-color: #00ffff;}
.new .newList .bg17{background-color: #7B68EE;}
.new .newList .bg18{background-color: #660000;}
.new .newList .bg19{background-color: #dfc389;}
.new .newList .bg20{background-color: #1E90FF;}


/*****************
	*书架/关注
	*bookshelf
	*lml
	*2017-5-12
*****************/
.bookshelfBody{background-color:#F5F5F5; }
.bookshelf .head_right img{height: 20px;}
.bookshelf  .head_right_del img{height: 15px;}
.bookshelf .list_main{padding:10px;width: 100%;box-sizing: border-box;clear: both;}
.bookshelf .bookshelfList{width: 100%;padding:15px 10px 0 0;box-sizing: border-box;clear: both;}
.bookshelf .bookshelfListMain{width: 33.3%;float: left;padding-left:10px;box-sizing: border-box;}
.bookshelf .bookshelfListMainImg{background-color: white;}
.bookshelf .bookshelfListMainImg img{width: 100%;}
.bookshelf .bookshelfListMainText{margin-bottom: 15px;background-color: white;text-align: center;padding:2px 0 10px 0;}
.bookshelf .bookshelfListMainTitle{line-height: 25px;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
.bookshelf .bookshelfListMainDes{line-height:20px;font-size: 13px;height: 20px;color: #9B9B9B;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.bookshelf .bookshelfListChoiceBut{position: relative;bottom: 212px;right: -6px;float: right;}
.bookshelf .editDiv{display:none;}

.bookshelf .bottomChoiceBut img{height: 20px;position: relative;top: 3px;}
.bookshelf .bottomChoiceBut table{width: 100%;position: fixed;bottom:56px;color: #9B9B9B;font-size: 16px;background-color:white; }
.bookshelf .bottomChoiceBut td{width: 50%;text-align: center;line-height: 65px;border-top:1px solid #dedede;}
.bookshelf .bookshelfListChoiceBut img{height: 20px;}
.bookshelf .bottomChoiceBut td:first-child{border-right:1px solid #dedede;}


/*****************
	*书架/历史
	*history
	*lml
	*2017-5-12
*****************/
.historyBody{background-color:#F5F5F5; }
.history .head_right img{height: 20px;}
.history .head_right_del img{height: 16px;}
.history .list_main{padding:10px;width: 100%;box-sizing: border-box;clear: both;}
.history .bookshelfList{width: 100%;padding:0;box-sizing: border-box;clear: both;}

.history .bookshelfListMain{width: 100%;box-sizing: border-box;}
.history .bookshelfListMain tr{background-color: white;margin:10px;}
.history .bookshelfListMain td{padding:10px 3px 7px 10px;border-bottom:3px solid #F5F5F5;}
.history .bookshelfListMainImg{height: 100px;width: 75px;}
.history .bookshelfListMainImg img{height: 104px;width: 75px;}
.history .bookshelfListMainText{padding:0 10px;background-color: white;padding:2px 0 10px 10px;}
.history .bookshelfListMainTitle{margin-top:2px;line-height: 23px;font-size: 16px;width: 100%;max-height: 46px;overflow: hidden;height: 23px;}
.history .bookshelfListMainDes{line-height:40px;font-size: 14px;color: #9B9B9B;}
.history .bookshelfListMainDesAutor{line-height:30px;font-size:13px;}
.history .editDiv{display:none;}
.history .bottomChoiceBut .bottomChoiceButDiv{height: 65px;}
.history .bottomChoiceBut img{height: 20px;position: relative;top: 3px;}
.history .bottomChoiceBut table{width: 100%;position: fixed;bottom:56px;color: #9B9B9B;font-size: 16px;background-color:white;border-bottom:1px solid #F5F5F5; }
.history .bottomChoiceBut td{width: 50%;text-align: center;line-height: 65px;}
.history .bookshelfListChoiceBut {width:25px;text-align: center; }
.history .bookshelfListChoiceBut img{height: 20px;}
.history .bottomChoiceBut td:first-child{border-right:1px solid #dedede;}
.history .bookRight{width: 60px;text-align: center;font-size: 12px;color:#9B9B9B;white-space:nowrap;}
.history .bookRight img{width: 20px}


/*****************
	*搜索
	*search
	*lml
	*2017-5-12
*****************/
.search .searchHead{width: 100%;height: 55px;padding:0px;margin:0px;border-bottom:1px solid #F5F5F5;}
.search .head_left{width: 35px;text-align: center; }
.search .head_left img{height: 16px; padding-top: 5px;}
.search .searchHeadInputTd img{height: 15px;position: relative;top: 2px;}
.search .searchHeadInputTd div{    overflow: hidden;border-radius: 20px;background-color: #F5F5F5;margin:0 0 0 5px;height: 30px;line-height: 30px;padding:0 10px;}
.search .searchHeadInputTd input{overflow: hidden;border:none;background-color: #F5F5F5;height: 23px;padding-left: 10px;width: 80%;}
.search .searchHeadBut{width: 60px;text-align: center;font-size: 16px;}
.search .content{padding:20px 0 20px 20px;}
.search .content .title{color: #959595;padding-bottom: 20px}
.search .hotBut div{margin:0px 20px 20px 0;float: left;padding:5px 15px;border-radius: 15px;background-color: #F5F5F5;}
.search .historyList{clear: both;border-top: 3px solid #F5F5F5;width: 100%;display: none;}
.search .historyList .title{color: #959595;line-height: 40px;border-bottom: 1px solid #F5F5F5;padding: 0 20px;}
.search .historyList .title img{float:right;height: 16px;margin-top:12px;}
.search .historyList .historyListMain{color: #959595;line-height: 40px;border-bottom: 1px solid #F5F5F5;padding: 0 0 0 20px;}
.search .historyList .historyListMain .timeImg{height: 16px;position: relative;top: 3px;}
.search .historyList .historyListMain .delImg{height: 10px;position: relative;top: 0px;}
.search .historyList .historyListMain div{float:right;width: 55px;text-align: center;}


/*****************
	*分类  
	*class
	*lml
	*2017-5-12
*****************/

.list .bookshelfListMain  {table-layout:fixed;} 
.list .bookshelfListMain{width: 100%;box-sizing: border-box;}
.list .typeshowBookshelfListMain{border-top: 4px solid #F5F5F5;}
.list .bookshelfListMain tr{background-color: white;}
.list .bookshelfListMain td{padding:10px 0 0 10px;}
.list .bookshelfListMainImg{height: 75px;width: 120px;}
.list .bookshelfListMainImg img{height: 75px;width: 120px;}
.list .bookshelfListMainText{background-color: white;}
.list .bookshelfListMainTitle{font-size: 16px;width: 100%;max-height: 46px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.list .bookshelfListMainDes{font-size:13px;padding-right:10px;width:90%;line-height:30px;color: #9B9B9B;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.list .bookshelfListMainDesText{color: #9B9B9B;line-height: 23px;}
.list .bookshelfListMainImgDiv {line-height:25px;    color: #9B9B9B;}
.list .bookshelfListMainImgDiv img{height: 13px;padding-right:3px;position: relative;top:1px;}
.list .bookshelfListMainImgDiv img:first-child{height: 11px;}
.list .bookshelfListMainImgDiv span{padding-right:20px;}
.list .listMenu{line-height: 40px;}
.list .listMenu .listTitle{float:left;width: 20%;text-align: center;height: 42px;}
.list .listMenu .listTitleSelect{color: #763B00;}
.list .listMenu .listTitleSelect .listBottomBorder{margin:0 auto;border-bottom:2px solid #fcca01;width: 35px;}

.list .groupMenu{line-height: 40px;}
.list .groupMenu .groupTitle{float:left;width: 20%;text-align: center;height: 42px;}
.list .groupMenu .groupTitleSelect{color: #763B00;}
.list .groupMenu .groupTitleSelect .groupBottomBorder{margin:0 auto;border-bottom:2px solid #fcca01;width: auto;}

.list .sortBut{clear: both;color:#6C6C6C;padding-left:10px;line-height: 20px;padding-top: 15px;border-top: 3px solid #F5F5F5;}
.list .sortButSelect{color: #763B00;}


/*****************
	*个人中心  
	*class
	*lml2px solid #FFE8AF
	*2017-5-12
*****************/
.personal .headImg{width: 100%;height: 90px;}
.personal .userImg{padding:20px;height:74px;overflow: hidden;}
.personal .userImg div{float: left;overflow: hidden;}
.personal .userImg img{width: 70px;height: 70px;border-radius: 50px;border:2px solid #e0dfdf;}
.personal .userImg .title{padding-left:10px;line-height: 74px;color:#696969;font-size: 18px;}
.personal .userImg .signBut{    color: #763B00;
    border-radius: 20px;
    background-color: #FEE100;
    line-height: 26px;
    height: 25px;
    padding: 2px 26px;
    margin-top: 26px;
    float: right;width: 50px;text-align: center;}
.personal .list{line-height: 55px;font-size: 15px;clear: both;}
.personal .list .listDiv{border-bottom:1px solid #F5F5F5;}
.personal .list .listImgLeft{height: 19px;margin:0 10px 0 20px;position: relative;top:5px;}
.personal .list .listImgLeft2{height: 21px;}
.personal .list .listImgRight{float: right;margin-right: 20px; text-align: right;line-height: 50px;font-size:14px;}
.personal .list .listImgRight img{position: relative;top:2px;height: 13px;}
.personal .listBottomBorder{border-bottom:5px solid #F5F5F5;}
.personal .list .listBottomBorder{border-bottom:5px solid #F5F5F5;}
.personal .list .news{    background-color: red;
    color: white;
    border-radius: 100%;
    position: absolute;
    right: 42px;
    min-width: 18px;
    height: 18px;
    top: 136px;
    line-height: 19px;
    text-align: center;
    font-size: 13px;display: none;}
.personal .signDiv{width:100%;display: none;}
.personal .layui-layer-nobg{box-shadow: 1px 1px 50px rgba(0,0,0,.0); }
.personal .signMain{background-color: white;border-radius: 5px;    color: #a1a1a1;padding-bottom:20px;}
.personal .signMain_head {color:#b6b6b6;font-size: 13px;padding:10px 15px;}
.personal .signMain_head div{float:right;font-size: 14px;color:#763b00;padding-right:8px;}
.personal .signMain_title{width: 100px;margin:0 auto;text-align: center;line-height: 100px;color: #696969;border:3px solid #E2E2E2;border-radius: 100%;font-size: 22px;}
.personal .signMain_des{padding:5px 15px;    font-size: 12px;}
.personal .signMain_des span{color:#763b00;}
.personal .signMain_date{border-top:1px  solid #EEEEEE;border-bottom:1px  solid #EEEEEE;padding:8px 15px;}
.personal .signMain_date table{width: 100%;font-size: 12px;}
.personal .signMain_date table td{width: 14%;text-align: center;line-height: 20px;}
.personal .signMain_date table img{width:11px;}
.personal .signMain_But{width: 120px;line-height: 35px;margin:15px auto 0 auto;text-align: center;background-color: #FEE100;color: #763B00;border-radius: 20px;font-size: 17px;}
.personal .signDes{margin-top: 10px;background-color: white;border-radius: 5px;color: #a1a1a1;}
.personal .signDes_head {padding:10px 15px;font-size: 14px;color: #696969;border-bottom:1px solid #EEEEEE;padding-top: 20px;}
.personal .signDes_head span{color:#b6b6b6;font-size: 12px;text-align: right;float:right;}
.personal .signDes table{width: 100%;font-size:12px;}
.personal .signDes tr td{border-right: 1px solid #EEEEEE; padding:3px;}
.personal .signDes tr:last-child td{text-align: center;color:#b6b6b6;}
.personal .signDes tr:last-child td div{line-height: 20px;border:1px solid #763b00;color:#763b00;width: 20px;margin:0 auto 5px auto;border-radius: 10px;}
.personal .signDes tr:last-child td:last-child div{color:red;border:1px solid red;}
.personal .signDes tr td:last-child{border-right:none;}
.personal .signLine div{height: 25px;width: 6px;border-radius: 5px;background-color: #D7D7D7;position: relative;bottom: 17px;}
.personal .signLine .signLine1{float: left;right: -20px;}
.personal .signLine .signLine2{float: right;right: 20px;}
/*****************
	*搜索列表
	*searchList
	*lml
	*2017-5-13
*****************/
.searchList .searchHead{width: 100%;height: 55px;padding:0px;margin:0px;border-bottom:1px solid #F5F5F5;}
.searchList .head_left{width: 35px;text-align: center; }
.searchList .head_left img{height: 16px; padding-top: 5px;}
.searchList .searchHeadInputTd img{height: 15px;position: relative;top: 2px;}
.searchList .searchHeadInputTd div{border-radius: 20px;background-color: #F5F5F5;margin:0 0 0 5px;height: 30px;line-height: 30px;padding:0 10px;}
.searchList .searchHeadInputTd input{border:none;background-color: #F5F5F5;height: 23px;padding-left: 10px;width: 80%;}
.searchList .searchHeadBut{width: 60px;text-align: center;font-size: 16px;}
.searchList .content{padding:20px 0 20px 20px;}
.searchList .content .title{color: #959595;padding-bottom: 20px}
.searchList .hotBut div{margin:0px 20px 20px 0;float: left;padding:5px 15px;border-radius: 15px;background-color: #F5F5F5;}
.searchList .historyList{clear: both;border-top: 3px solid #F5F5F5;width: 100%;display: none;}
.searchList .historyList .title{color: #959595;line-height: 40px;border-bottom: 1px solid #F5F5F5;padding: 0 20px;}
.searchList .historyList .title img{float:right;height: 16px;margin-top:12px;}
.searchList .historyList .historyListMain{color: #959595;line-height: 40px;border-bottom: 1px solid #F1F1F1;padding: 0 20px;}
.searchList .historyList .historyListMain img{height: 16px;position: relative;top: 3px;}

.searchList .bookshelfList{width: 100%;padding:0;box-sizing: border-box;clear: both;}

.searchList .bookshelfListMain{width: 100%;box-sizing: border-box;}
.searchList .bookshelfListMain tr{background-color: white;margin:10px;}
.searchList .bookshelfListMain td{padding:10px 0 7px 10px;border-bottom:3px solid #F5F5F5;}
.searchList .bookshelfListMainImg{height: 104px;width: 75px;}
.searchList .bookshelfListMainImg img{height: 104px;width: 75px;}
.searchList .bookshelfListMainText{padding:0 10px;background-color: white;padding:2px 0 10px 10px;}
.searchList .bookshelfListMainTitle{line-height: 23px;font-size: 16px;width: 100%;max-height: 46px;overflow: hidden;}
.searchList .bookshelfListMainImgDiv {color: #9B9B9B;}
.searchList .bookshelfListMainImgDiv img{height: 13px;padding-right:3px;position: relative;top:1px;}
.searchList .bookshelfListMainImgDiv img:first-child {height: 11px;}
.searchList .bookshelfListMainImgDiv span{padding-right:20px;}
.searchList .bookshelfListMainDes{line-height:25px;font-size: 12px;height: 25px;color: #9B9B9B;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.searchList .bookRight{text-align: center;width: 80px;}
.searchList .follow{color:#763B00;border-radius: 20px;background-color: #fee100;line-height: 20px;height:25px;padding:0 10px;margin-top: 3px;margin-right: 10px;}
.searchList .follow span{font-size: 24px;position: relative;top: 3px;}
.searchList .bookshelfListMainType{border:1px solid #dedede;border-radius: 10px;text-align: center;width: 40px;line-height: 18px;height: 18px;font-size: 12px;color: #9B9B9B;margin:3px 0 8px 0;}


/*****************
	*我的钱包
	*money
	*lml
	*2017-5-13
*****************/
.money{font-size: 16px;}
.money .moneyHead{width: 100%;height: 44px;padding:0px;margin:0px;color:#763B00;position: relative;top: 0px;}
.money .moneyHead .head_left{width: 50px;text-align: center; }
.money .moneyHead .head_left img{height: 16px; padding-top: 5px;}
.money .moneyHead .head_right{width: 50px;text-align: center;}
.money .moneyHead .head_right img{height: 16px;padding-top: 5px;}
.money .moneyHead .head_right  a{font-size:14px;color:#763B00;}
.money .moneyImg{width: 100%;margin-top:-44px;clear: both;}
.money .moneyText{width: 100%;text-align: center;line-height: 30px;color:#763B00;}
.money .moneySum{width: 100%;text-align: center;line-height: 60px;font-size:50px;color: #fcca01;font-weight: bold;}
.money .moneySum img{height: 30px;margin-right: 10px;}
.money .moneyBut{width: 90%;text-align: center;background-color:#FEE100;border-radius: 20px;margin:40px 5% 0 5%;line-height: 40px; color: #763B00;}


/*****************
	*自动购买列表
	*buglist
	*lml
	*2017-5-13
*****************/
.bugList .bugListRight{width:80px;}
.bugList .bugListRight div{width:40px;text-align:center;color: #763B00;border-radius: 20px;background-color: #FEE100;line-height: 25px; padding: 0 13px;margin-top: 3px;margin-right: 10px;}
.bugList .bookshelfListMain td{border-bottom: 2px solid #F5F5F5;padding:10px 0 6px 10px;}


/*****************
	*问题反馈
	*feedback
	*lml
	*2017-5-13
*****************/
.feedback .feedbackMain{padding:20px;line-height: 30px;}
.feedback textarea{width:100%;height: 200px;border:1px solid #dedede;border-radius: 5px;padding:10px;box-sizing: border-box;}
.feedback .tabBut{width: 100%;border-bottom: 1px solid #F5F5F5;}
.feedback .tabBut td{width: 50%;text-align: center;line-height: 40px;}
.feedback .tabBut .tabButDiv{    width: 65px;margin: 0 auto;white-space : normal;}
.feedback .tabBut .select{color: #fcca01;border-bottom:1px  solid #fcca01;}
.feedback .feedbackList{display: none;}
.feedback .feedbackListMain{padding-top: 15px;}
/*****************
	*使用帮助
	*help
	*lml
	*2017-5-13
*****************/
.help .list{line-height: 40px;padding:0 10px;border-bottom:1px solid #F5F5F5;clear: both;}
.help .list .rightImg{float:right;padding-top: 3px;padding-right: 5px;}
.help .list .rightImg img{height: 13px;transform:rotate(270deg);
	-ms-transform:rotate(270deg); 	/* IE 9 */
	-moz-transform:rotate(270deg); 	/* Firefox */
	-webkit-transform:rotate(270deg); /* Safari 和 Chrome */
	-o-transform:rotate(270deg); 	/* Opera */}
.help .detail{line-height: 20px;padding:0px 10px 10px 10px;display: none;}

/*****************
	*排行榜
	*ranking
	*lml
	*2017-8-31
*****************/
.ranking .bgImg{width: 100%;}
.ranking .bgDivImg{height: 0px;position: relative;top: 28%;float: left;}
.ranking .bgDivImg div{float: left;width: 33.3%;text-align: center;}
.ranking .bgDivImg div img{width: 76%;border-radius: 3px; 
	box-shadow:3px 4px 10px rgba(0,0,0,.3); /*底边阴影*/ }
.ranking .bgDivImg2{position: relative;}

.ranking .headTitle{width: 100%;}
.ranking .headTitleItem2{ position: relative;bottom: 26px; }
.ranking .headTitle .headTitleItem{float: left;width: 33.3%;text-align: center;}
.ranking .headTitle .headTitleItem .Itemtitle{line-height: 30px;width: 80%;margin: auto;overflow: hidden;height: 30px;}
.ranking .headTitle .headTitleItem .ItemDes{font-size: 12px;color: #696969;}
.ranking .bgImg2{padding:0 14px;height: 7px;width: 100%;box-sizing: border-box;position: relative;bottom: 21px;}
.ranking .main{background-color: white;}
.ranking .bookshelfList{padding:15px 0 5px 0;box-sizing: border-box;clear: both;border-radius: 20px;background-color: white;margin: 0px 10px 0px 10px;}
.ranking .bookshelfListMain{width: 100%;box-sizing: border-box;}
.ranking .bookshelfListMain td{padding:10px 15px 5px 0px;border-top:1px solid #f2f2f2;}
.ranking .bookshelfListMainImg{height: 100px;width: 100px;}
.ranking .bookshelfListMainImg img{height: 115px;width: 100px;}
.ranking .bookshelfListMainText{background-color: white;padding:0px;margin:0px;}
.ranking .bookshelfListMainTitle{width: 100%;height: 23px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.ranking .bookshelfListMainDesText{color: #9B9B9B;font-size: 13px;}
.ranking .bookshelfListMainImgDiv {color: #9B9B9B;}
.ranking .bookshelfListMainImgDiv img{height: 13px;padding-right:3px;position: relative;top:1px;}
.ranking .bookshelfListMainImgDiv img:first-child{height: 11px;}
.ranking .bookshelfListMainImgDiv span{padding-right:20px;}
.ranking .hot{line-height:25px;    color: #9B9B9B;}
.ranking .hot img{height: 13px;padding-right:3px;position: relative;top:1px;}
.ranking .bookshelfListMainDes{line-height:25px;font-size: 12px;height: 25px;color: #696969;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.ranking .bookRight{text-align: center;width: 40px;font-size: 24px;color:#D3D3D3;font-weight: bold;}
.ranking .bookRight img{height: 40px;}
.ranking .bookshelfListMainType{border:1px solid #dedede;border-radius: 10px;text-align: center;width: 40px;padding:1px;font-size: 12px;color: #696969;margin:10px 0 8px 0;}
.ranking .time{color:white;width: 100%;text-align: center;position: relative;bottom: 6px;}


.newList .main{background-color: #7CCEFF;padding-bottom:10px;}

.endList .main{background-color: #FE90E6;padding-bottom:10px;}

/*****************
	*充值界面
	*ranking
	*lml
	*2017-5-15
*****************/
.recharge{background-color: #F5F5F5;min-height: 500px;}
.recharge .rechargeMain{padding:10px;}
.recharge .balance{line-height: 30px;}
.recharge .money_main{width: 100%;padding:0px 10px 0 0;box-sizing: border-box;clear: both;}
.recharge .money_main_list{overflow: hidden;padding:0px 0 15px 10px;width: 33.3%;float: left;box-sizing: border-box;}
.recharge .money_main_div{overflow: hidden; height: 87px;padding: 5px 0;float: left;box-sizing: border-box;background-color: rgba(255,255,255,.8);text-align: center;width: 100%;border-radius: 5px;}
.recharge .money_main .gold{line-height: 30px;font-size: 10px;color: #a1a1a1;}
.recharge .money_main .gold span{font-size: 13px;    }
.recharge .money_main .gold img{height: 13px;position: relative;top: 2px;right: 5px;}
.recharge .list_money{padding-right:3px;width: 80px;margin:0 auto; line-height: 30px;border-radius: 20px;}
.recharge .des{line-height: 25px;padding:10px;color: #a1a1a1;font-size: 13px;padding-bottom:30px;clear: both;}
.recharge .des .desTitle{width: 100%;text-align: center;line-height: 40px;}
.recharge .des .desTitle div{z-index: 999;width: 90px;margin:0 auto;background-color: white;position: relative;}
.recharge .des .desLine{width: 100%;height: 1px;border-top: 1px solid #F5F5F5;position: relative;bottom: 21px;}
.recharge .balance span{color:#763B00;font-size: 16px;}
.recharge .yhq{padding:10px;width: 100%;box-sizing: border-box;margin:10px 0;}
.recharge .yhq div{padding-left:10px;color:#FF6161;clear: both;background-color:#f2f2f2;border-radius: 3px;line-height: 30px; }
.recharge .yhq img{height: 15px;position: relative;top: 3px;margin-right:8px;}
.recharge .giveMoney {
	display: none;
}
.recharge .select .giveMoney {
    font-size: 11px;
    color: white;
    float: right;
    height: 0px;
    display: block;
}
.recharge .select .giveMoney div {
    width: 95px;
    text-align: center;
    transform: rotate(-39deg);
    line-height: 18px;
    height: 19px;
    position: relative;
    top: 63px;
    right: -40px;
    z-index: 100;
    background-color: #FEE100;

}
.recharge .zs_dabi{font-size: 12px;color:#a1a1a1;}
.recharge .select{border:1px solid #FEDC00;}
.recharge .select .rechargeSelect{position: relative;bottom: 17px;float: right;height: 25px;left: 1px;display:block;}
.money_main_div{border:1px  solid #ccc;font-size: 16px;float: right;}
.bottomDiv{position: fixed;bottom:0px;height: 50px;line-height: 50px;background-color: white;border-top: 1px solid #F5F5F5;width: 100%;}
.bottomDiv .bottomDiv_but{font-size: 16px;width: 100px;text-align: center;float:right;background-color: #FEE100;    color: #763B00;height: 58px;border: none;}
.bottomDiv .bottomDiv_left{font-size: 16px;padding-left:10px;}
.bottomDiv .bottomDiv_left .bottomDiv_left_money{display: none;}
.bottomDiv .bottomDiv_left .bottomDiv_left_money .bottomDiv_left_money_1{font-size: 14px;color: #763B00;}
.bottomDiv .bottomDiv_left .bottomDiv_left_money .bottomDiv_left_money_2{font-size: 18px;color: #763B00;}
.djqDiv{padding:10px;box-sizing: border-box;width:100%;display: none;line-height: 30px;}


/*****************
	*签到规则
	*signDes
	*lml
	*2017-7-25
*****************/
.signDes .signDesMain{padding:10px;line-height: 30px;color:#696969;}
.signDes .signDesMain .title{padding:15px 0 10px 0;}
.signDes .signDesMain .content{margin-left:6px;}

/*****************
	*我的消息
	*message
	*lml
	*2017-7-25
*****************/
.message .messageList{border-bottom: 5px solid #F2F2F2;padding:12px;color: #696969;}
.message .messageList .title{font-size: 17px;color:#696969;line-height: 40px;border-bottom: 1px solid #EEEEEE;height: 40px;}
.message .messageList .title div{float: right;font-size: 13px;}
.message .messageList .title .titleMain{float:left;width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.message .messageList .imgDiv{width: 100%;margin-top: 12px;}
.message .messageList .imgDiv img{width: 100%;}
.message .messageList .content{font-size: 15px;line-height: 25px;padding:5px 0 5px 0;word-wrap: break-word;}

/*****************
	*我的消息详情
	*messageDeatil
	*lml
	*2017-7-25
*****************/
.messageDeatil {color: #696969;}
.messageDeatil .content{width: 100%;}

/*****************
	*金币明细
	*expenserecord
	*lml
	*2017-7-25
*****************/
.expenserecord .ListMain{width: 100%;padding:10px;box-sizing: border-box; background-color: #F5F5F5;}
.expenserecord .ListMain .list{margin-bottom: 10px;border:1px  solid #DBD8D3;border-radius: 5px;line-height: 30px;padding:10px;height: 56px;clear: both;background-color: white;}
.expenserecord .ListMain .list .left{float: left;}
.expenserecord .ListMain .list .right{float: right;line-height: 56px;font-size: 20px;color:#763B00;}
.expenserecord .ListMain .list .time{font-size: 12px;color:#696969;}


  /*******猜你喜欢*******/
.likeMain{width: 100%;height: 240px;overflow-x:auto;overflow-y: hidden;line-height:18px;-webkit-overflow-scrolling: touch;}
.likeMain .likeMainLine{background-color: #f5f5f5;height: 5px;}
.likeMain .likeDiv{height: 215px;width:695px; }
 .likeMain .likeTitle{line-height: 50px;font-weight: bold;font-size: 16px;padding-left:10px;}
.likeMain .likeDiv img{height: 145px;}
.likeMain .likeList{padding-left: 10px;width: 104px;float: left;}
.likeMain .likeTitle span{font-size: 12px;color: rgb(141,141,141);font-weight: 300;}
.likeMain .likeTitle .giveBut{border:1px solid rgb(252,202,12);text-align: center;width: 80px;color:rgb(252,202,12);float: right;height: 27px;line-height: 27px;margin:10px;border-radius: 20px;font-weight: 300; font-size: 14px;}


.mui-switch {
  width: 52px;
  height: 31px;
  position: relative;
  margin-top:12px;
  float:right;
  margin-right:-10px;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; }
  .mui-switch:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
  .mui-switch:checked {
    border-color: #64bd63;
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63; }
    .mui-switch:checked:before {
      left: 21px; }
  .mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s; }
    .mui-switch.mui-switch-animbg:before {
      transition: left 0.3s; }
    .mui-switch.mui-switch-animbg:checked {
      box-shadow: #dfdfdf 0 0 0 0 inset;
      background-color: #64bd63;
      transition: border-color 0.4s, background-color ease 0.4s; }
      .mui-switch.mui-switch-animbg:checked:before {
        transition: left 0.3s; }
  .mui-switch.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }
    .mui-switch.mui-switch-anim:before {
      transition: left 0.3s; }
    .mui-switch.mui-switch-anim:checked {
      box-shadow: #64bd63 0 0 0 16px inset;
      background-color: #64bd63;
      transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }
      .mui-switch.mui-switch-anim:checked:before {
        transition: left 0.3s; }
 
/*# sourceMappingURL=mui-switch.css.map */
@mixin borderRadius($radius:20px) {
  border-radius: $radius;
  border-top-left-radius: $radius;
  border-top-right-radius: $radius;
  border-bottom-left-radius: $radius;
  border-bottom-right-radius: $radius;
}
 
$duration: .4s;
$checkedColor: #64bd63;
.mui-switch {
  width: 52px;
  height: 31px;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  @include borderRadius();
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
  &:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
    @include borderRadius();
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  }
  &:checked {
    border-color: $checkedColor;
    box-shadow: $checkedColor 0 0 0 16px inset;
    background-color: $checkedColor;
    &:before {
      left: 21px;
    }
  }
  &.mui-switch-animbg {
    transition: background-color ease $duration;
    &:before {
      transition: left 0.3s;
    }
    &:checked {
      box-shadow: #dfdfdf 0 0 0 0 inset;
      background-color: $checkedColor;
      transition: border-color $duration, background-color ease $duration;
      &:before {
        transition: left 0.3s;
      }
    }
 
  }
  &.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) $duration, box-shadow cubic-bezier(0, 0, 0, 1) $duration;
    &:before {
      transition: left 0.3s;
    }
    &:checked {
      box-shadow: $checkedColor 0 0 0 16px inset;
      background-color: $checkedColor;
      transition: border ease $duration, box-shadow ease $duration, background-color ease $duration*3;
      &:before {
        transition: left 0.3s;
      }
    }
 
  }
}



#community-detail-comment-new {
    font-style: normal;
    background: url(../image/comment.png) no-repeat;
    background-size: 16px;
    padding-left: 24px;
    background-position: left;
}
.mod-commentLink {
    float: right;
    width: 60px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background: url(../image/commentBtn.png) no-repeat;
    background-size: 16px;
    background-position: right;
	margin-top:5px;
}
.net-friend{background: #fff;overflow: hidden;}
.net-friend .title{height: 49px;line-height: 49px;padding: 0 15px;overflow: hidden;}
.net-friend .title .pull-left{float: left;font-size: 12px;color: #888;}
.net-friend .title .pull-left h3{font-size: 16px;display: inline-block;color: #333;padding-right: 12px;}
.net-friend .title .pull-right{float: right;}
.net-friend .title .pull-right a{font-size: 12px;color: #ff730b;}
.net-friend .title .pull-right a .icon-write{width: 14px;height: 11px;display: inline-block;background-position: -187px 0;position: relative;margin-right: 4px;top: 1px;}
.net-friend .entry{overflow: hidden;margin: 0 15px;}
.net-friend .entry .item{border-bottom: 1px solid #f2f2f2;padding: 15px 0 15px 35px;overflow: hidden;position: relative;}
.net-friend .entry .item:last-child{border-bottom: none;}
.net-friend .entry .item .avatar{width: 24px;height: 24px;float: left;margin-left: -35px;border-radius: 24px;}
.net-friend .entry .item .t{font-size: 12px;color: #b3b3b3;line-height: 24px;overflow: hidden;}
.net-friend .entry .item .txt{font-size: 14px;overflow: hidden;line-height: 22px;margin-top: 2px;}
.net-friend .entry .item .foot{height: 30px;line-height: 30px;overflow: hidden;position: relative;}
.net-friend .entry .item .foot .time{float: left;font-size: 12px;color: #b3b3b3;}
.net-friend .entry .item .foot .function{position: absolute;right: 0;top: 0;}
.net-friend .entry .item .foot .function a{font-size: 12px;color: #b3b3b3;margin-left: 15px;}
.net-friend .entry .item .foot .function a i{width: 12px;height: 12px;display: inline-block;position: relative;top: 2px;margin-right: 5px;}
.net-friend .entry .item .foot .function a i.icon-praise{background-position: -192px -107px;}
.net-friend .entry .item .foot .function a.active i.icon-praise{background-position: -206px -107px;}
.net-friend .entry .item .foot .function a i.icon-review{background-position: -157px -13px;}
.net-friend .entry .item .foot .function a.active{color: #ff7800;}
.net-friend .entry .item .star{position: absolute;right: 0;top: 19px;}
.net-friend .entry .item .star i{width: 12px;height: 12px;display: inline-block;}
.net-friend .entry .item .star i.icon-xing{background-position: -163px -138px;}
.net-friend .entry .item .star i.gray-xing{background-position: -179px -138px;}
.net-friend .check{overflow: hidden;}
.comment-more {
    width: 94%;
    font-size: 15px;
    display: block;
    text-align: center;
    background: #f2f1f1;
    margin: 0 auto 10px;
    border-radius: 20px;
	
}




.comment-mod{ display:block; width: 100%;  z-index: 2222; background: #fff;  position: fixed;
 top:0; bottom: 0  }
.comment-mod .send{padding:10px 0; width: 100%; justify-content: space-between }
.comment-mod .send textarea{width: 92%; padding: 0; margin: 10px 4% 0 4%; border-radius:5px;  line-height: 38px; font-size: 15px; background: #f4f4f4; border: none;     padding-left: 10px; }
.comment-mod .send span.btn{ width:50px; height: 30px; line-height: 30px; float: right; text-align: center; display: block;color: #fff;border-radius: 3px;text-decoration: none;font-size: 14px;font-weight: bold; }

.comment-mod .send .faces{width: 30px;height:30px;display: block;background-image: url(../image/faces.png) ;background-position: 0 0; margin-top:4px; margin-left: 15px; float: left}
.comment-mod .send .on{background-position: left bottom; transition: 0.3s all; margin-top: 4px}
.comment-mod .send .comment-footer-btn{ height: 30px; line-height: 30px; margin:0 auto; width: 92%; text-align: center; font-size: 15px;}
.comment-mod .send .comment-footer-btn .comment-cancel{ width: 50px; height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 3px; display: block; float: left; text-align: center; color: #888;font-size: 14px; }
.comment-mod .face{;display: none; width: 96%; margin: 0 auto; padding-top: 5px; height: 175px; overflow: scroll}
.comment-mod .face li{width: 10%; text-align:center; height: 35px; line-height:35px;float: left;}
.comment-mod .send span.btn {
    background: #ff9a03;
}
.comment-mod .send span.btn {
    width: 50px;
    height: 30px;
    line-height: 30px;
    float: right;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
.comment-mod li {
    list-style-type: none;
}


#tkl::selection {
    background:#FFFFFF;
    color:#FFFFFF;
}


.person-top {
    width: 100%;
    height: 140px;
    background-size: 100%;
}
.person-top {
    background-image: url(../image/waveTop.png);
}
.person-content {  margin-bottom: 60px;  }
.person-top {  width: 100%; height: 140px; background-size: 100% }
.person-top img{width: 100%}
.person-info {   padding: 39px 0px 0 0px; margin-top: -80px; width: 100%;   background-image:url("../image/waveBg.png") ; background-repeat: no-repeat; background-size: 100%;}
.person-Photo {  width: 100%; text-align: center;  background: #fff  }
.person-infoRight{ height: 65px; text-align: center; background: #fff}
.person-Photo img {position: relative; margin-top: -80px; width: 95px;  height: 95px; border-radius: 50%; border: 6px solid #fff;}
.person-userName, .person-coin {  line-height: 32px;  }
.person-userName {  color: #222;  font-weight: 300;  font-size: 16px;  }
.person-id{ font-size: 13px; color: #fff; text-align: center}
.person-id span { display: inline-block;  padding: 0 9px; background-color: #ffa921; border-radius: 10px;}
.person-sex ,.sex-girl,.person-year {  display: inline-block; border-radius: 6px}
.person-sex i {  font-size: 14px;  }
.sex-girl i {  font-size: 14px;  }
.person-userName .person-sex .icon-sex{  width: 22px;  height: 22px;   display: inline-block;  vertical-align: top; background-image: url(../image/boy.png) !important; background-repeat: no-repeat;  background-position: center; background-size: 16px !important; margin-top: 6px;  }
.person-userName .sex-girl .icon-sex{  width: 22px;  height: 22px;   display: inline-block;  vertical-align: top; background-image: url(../image/girl.png) !important; background-repeat: no-repeat;  background-position: center; background-size: 16px !important; margin-top: 6px;  }
.person-userName .person-year .icon-year{  width: 22px;  height: 22px;   display: inline-block;  vertical-align: top;  background-position: 1px -159px; margin-top: 6px;  }
.person-coin {  color: #000000; background: #fff;  font-weight: normal;  font-size: 14px; padding: 12px 0 4px 0  }
.person-coin span{ width: 49%;  position: relative; display: inline-block; text-align: center  }
.person-coin span.y-open{ width: 100%}
.person-coin span p{ font-size: 12px; padding: 0; margin: 0}
.person-coin span var{ font-style: normal}
.person-coin span .icon-gold{  width: 28px;  height: 28px;  margin: 0 auto;  display: block; background-image: url(../image/money.png) !important; background-repeat: no-repeat; background-size: 26px; background-position: center;  vertical-align: top;   }
.person-coin span .icon-experience{   width: 32px;   height: 28px;  margin: 0 auto;  display: block; background-size: 200px;  vertical-align: top;  background-position: -89px -116px;  }
.person-coin span .icon-vip{   width: 28x;  height: 28px;  margin: 0 auto;  display: block;  vertical-align: top; background-image: url(../image/vip.png) !important; background-repeat: no-repeat; background-size: 31px; background-position: center; }
.person-coin span .icon-vip-none{   width: 32px;  height: 28px;  margin: 0 auto;  display: block;  vertical-align: top; background-image: url(../image/unvip.png) !important; background-repeat: no-repeat; background-size: 31px; background-position: center;   }
.person-coin span:first-child:after{  content: ''; width: 1px; height: 38px; position: absolute;top: 8px; right: 0px; background: #eee;  }
/*.person-coin span:nth-child(2):after{  content: ''; width: 1px; height: 38px; position: absolute;top: 8px; right: 0px; background: #eee;  }*/
.person-coin span:last-child{ margin-right: 0}



.book-comments {
  background-color: #fff;
}
.book-comments__head { padding: 10px 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.book-comments__head .title { font-size: 16px; color: #aeaeae }
.book-comments__head .action a {
  display: block; color: #ff9204; font-size: 16px;
}
.book-comments__head .action a .icon-edit {
  display: inline-block; width: 21px; height: 21px; background-image: url('../image/detail_icon_comment.png');
  background-size: cover; background-repeat: no-repeat; vertical-align: middle; margin-top: -3px; margin-right: 5px;
}


.book-comments__list .item {
  padding: 10px; position: relative;
}
.book-comments__list .item::before {
  display: block; content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; border-bottom: 1px solid #f0f2f5;
  -webkit-transform: scaleY(.5);
  -ms-transform: scaleY(.5);
  transform: scaleY(.5);
}
.book-comments__list .item .head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color:#FFFFFF; }
.book-comments__list .item .head img {
  display: block;width:48px; height: 48px; border-radius: 54px;
}
.book-comments__list .item .head .name {
  font-size: 16px; color: #909090; margin-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;
}
.book-comments__list .item .body {
  padding: 10px 58px 10px; font-size: 14px; line-height: 20px;
}

.book-comments__list .foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; margin-left: 58px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
}
.book-comments__list .item .head .name .vip-year,
.book-comments__list .item .head .name .vip-day ,
.book-comments__list .item .head .name .vip-month {
  display: inline-block; width: 52px; height: 18px; vertical-align: middle;
  background-size: cover; background-repeat: no-repeat; margin-top: -3px;
}
.book-comments__list .item .head .name .vip-year { background-image: url('../image/vip-year.png') }
.book-comments__list .item .head .name .vip-month { background-image: url('../image/vip-month.png') }
.book-comments__list .item .head .name .vip-day { background-image: url('../image/vip-day.png') }

.book-comments__list .more .btn-text {
  display: block; padding: 15px; 0; text-align: center; font-size: 18px;
  color: #5c5c5c;
}

.book-comments__empty { text-align: center; padding: 0.5333rem 0 1.2267rem 0; font-size: 0.3467rem; color: #909090; }



.reply .book-comments__head {
  position: relative;
}
.reply .book-comments__head::before {
  display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  border-bottom: 1px solid #f0f2f5; -webkit-transform: scaleY(.5); -ms-transform: scaleY(.5); transform: scaleY(.5);
}
.reply .book-comments__head .title { color: #000; font-size: 16px; }
.reply .book-comments__head .title .small { font-size: 0.2933rem; color: #888; margin-left: .5em }



.book-comments__list .item .at { color: #999; }

.reply .book-comments__list .item .body { font-size: 0.3467rem; }



.seg-box {
  padding: 0 .32rem .32rem .32rem; font-size: 13px; color: #909090; line-height: 0.5067rem;
}

/* acc-reply */
.acc-reply__item {
  background-color: #fff;
}
.acc-reply__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; padding: .32rem .4rem 0 .4rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.acc-reply__heading .avatar { margin-right: .32rem; position: relative; }
.acc-reply__heading .avatar.badge::after {
  display: block; content: ""; position: absolute; right: -6px; top: 0;
  width: 6px; height: 6px; border-radius: 6px; background-color: #ff0000;
}

.acc-reply__heading .body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; }
.acc-reply__heading .avatar img {
  display: block; width: .8rem; height: .8rem; border-radius: .8rem;
}
.acc-reply__heading .body .name { font-size: 0.3467rem; }
.acc-reply__heading .body .sec { color:  #909090; }
.acc-reply__heading .body .timeago { font-size: 0.2933rem; color: #aeaeae }

.acc-reply__body {
  padding: .32rem .4rem;
}

.acc-reply__body .commennt { font-size: 0.3467rem; }

.acc-reply__body .reply {
  margin-top: .32rem; padding: .2rem .4rem; background-color: #f5f5f5; border-radius: 2px;
  font-size: 0.3467rem; color: #909090;
}

.acc-reply__body .del { color: #909090; text-decoration: line-through; }



.acc-comments__item {
  background-color: #fff;
}
.acc-comments__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; padding: .4rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.acc-comments__head .avatar { margin-right: .32rem; }
.acc-comments__head .avatar img {
  display: block; border-radius: .8rem; width: .8rem; height: .8rem;
}
.acc-comments__head .name { font-size: 14px; color: #909090 }


.acc-comments__body {
  font-size: .4rem; color: #282828;
  padding: 0 .4rem .4267rem 1.5rem; position: relative;
}
.acc-comments__foot::before {
  display: block; content: ""; position: absolute; left: .32rem; right: .32rem; bottom: 0;
  border-bottom: 1px solid #f2f2f2; -webkit-transform: scaleY(.5); -ms-transform: scaleY(.5); transform: scaleY(.5);
}


.acc-comments__foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; padding: 0 .4rem .24rem 1.5rem; color: #aeaeae; position: relative;
}
.acc-comments__foot button,
.book-comments__list .foot button { font-size: 12px; background-color: transparent; border: 0; color: #aeaeae; margin-left: -10px; }
.acc-comments__foot .pull-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.acc-comments__foot .pull-right button,
.book-comments__list .foot .pull-right button { margin-left: -5px;}
.acc-comments__foot .pull-left span,
.book-comments__list .foot .pull-left span {font-size: 14px; }
.acc-comments__foot .pull-left a,
.book-comments__list .foot .pull-left span { color: #aeaeae; }

.acc-comments__foot .pull-right .icon-laud,
.acc-comments__foot .pull-right .icon-message,
.book-comments__list .foot .pull-right .icon-laud,
.book-comments__list .foot .pull-right .icon-message {
  display: inline-block; width: 19px; height: 19px; background-size: cover;
  background-repeat: no-repeat; vertical-align: middle; margin-top: -3px;
}
.acc-comments__foot .pull-right .icon-laud,
.book-comments__list .foot .pull-right .icon-laud { background-image: url('../image/acc-laud.png') }
.acc-comments__foot .pull-right .icon-message,
.book-comments__list .foot .pull-right .icon-message { background-image: url('../image/acc-message.png') }
.acc-comments__foot .pull-right .active .icon-laud,
.book-comments__list .foot .pull-right .active .icon-laud { background-image: url('../image/acc-laud-active.png') }


.acc-replies { padding: .16rem .4rem .32rem 1.5rem; }
.acc-replies .item { margin: .24rem 0; font-size: 16px; line-height: 0.5067rem; }
.acc-replies .item .name,
.acc-replies .action button { color: #ff9204 }

.acc-replies .action button { font-size: 16px; background-color: transparent; border: 0; }
/* read-bar */
.read-bar {
  height: 54px; position: fixed; left: 0; right: 0; bottom: 0;
  background-color: #FFF;
}
.read-comment{
  display: block;
  line-height: 54px;
  color: #ff8f0d;
}
.read-bar .icon-edit{
  display: inline-block; width: 20px; height: 20px; background-image: url('../image/detail_icon_comment.png');
  background-size: cover; background-repeat: no-repeat; vertical-align: middle; margin-top: -3px; margin-right: 5px;
}

.read-bar__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.read-bar__container .body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; padding: 0 1em; overflow: hidden; }

.read-bar__container .body .title { margin-left: 1em; color: #999; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.read-bar__container .action {
  width: 3.7333rem;
}
.read-bar__container .action a {
  display: block; line-height: 1.34rem; color: #423300; font-size: 0.4267rem; text-align: center;
  background-image: -webkit-linear-gradient( -67deg, rgb(255,225,83) 19%, rgb(255,194,31) 97%);
  background-image: -ms-linear-gradient( -67deg, rgb(255,225,83) 19%, rgb(255,194,31) 97%);
}

.read-bar__container .body .chapter { width: auto; white-space: nowrap; }

/* topbar */

.cm-topbar {
  height: 47px;
}
.cm-topbar.fixed {
  position: fixed !important; width: 100%; top: 0; left: 0;
}
.cm-topbar__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 47px;
  position: relative;
}

.cm-topbar .center-tabs .item { line-height: .8rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }
.cm-topbar .center-tabs .item a {
  font-size: 16px; display: block; border-radius: .4rem; color: #fff;
}
.cm-topbar .center-tabs .item a.active {
  background-color: #fff; color: #745900;
}
.cm-topbar__container .action {
  position: absolute; right: .32rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

.cm-topbar.bg-white { position: relative; }
.cm-topbar.bg-white::before {
  display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px; border-bottom: 1px solid #f0f2f5; -webkit-transform: scaleY(.5); -ms-transform: scaleY(.5); transform: scaleY(.5);
}


.cm-topbar__container .pull-left {
  position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.cm-topbar__container .pull-right {
  position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.cm-topbar__container .pull-left .back-btn,
.cm-topbar__container .pull-left .close-btn {
  border: 0; background-color: transparent; width: 47px; height: 47px; background-size: 16px;
  background-repeat: no-repeat; background-position: center; overflow: hidden; text-indent: -999px;
}
.cm-topbar__container .pull-left .back-btn {
  background-image: url('../image/navbar_icon_back.png');
}

.cm-topbar__container .center-title {
  font-size: 0.4533rem; color: #282828;
}
.cm-topbar__container .pull-right .btn-text {
  width: 70px; height: 47px; border: 0; background-color: transparent; font-size: 16px;
  color: #ff9204
}
.cm-topbar__container .pull-right a.btn-text { display: block; line-height: 1.1733rem; text-align: center; }
.cm-topbar__container .pull-right .btn-text:disabled {
  color: #909090;
}


.cm-topbar.none-line::before { display: none; }


/*用户分享*/
.y-invitation-top img{
    width: 100%;
}
.y-invitation-main{
    position: relative;
}
.y-invitation-main img:nth-child(1){
    width: 100%;
}
#y-invitation-bg2 {
    width: 145px;
    height: 145px;
    position: absolute;
    bottom: 23px;
    right: 16px;
    border: 7px solid #ffffff;
    border-radius: 12px;
}
@media screen and ( max-width:350px) {
    #y-invitation-bg2{
        width: 125px;
        height: 125px;
        position: absolute;
        bottom: 20px;
        right: 13px;
        border: 7px solid #ffffff;
        border-radius: 12px;
    }
}
.y-invitation-bottom{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.y-invitation-bottom ul{
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.y-invitation-bottom ul li{
    padding: 0 12px;
}
.y-invitation-bottom ul li:nth-child(1){
    border-right: 1px solid #000000;
}
.y-invitation-bottom ul li:nth-child(2){
    border-right: 1px solid #000000;
}
.y-invitation-bottom p{
    color: #000000;
    font-size: .7rem;
    margin: 0;
    padding: 0;
}
.y-invitation-bottom p:nth-child(1){
    margin-bottom: 5px;
    font-weight: 900;
}
.y-invitation-bottom p:nth-child(2){
    color: #ffdf92;
    font-size: .5rem;
    font-weight: 600;
}
.y-invitation-bottom p:nth-child(2) span{
    font-size: .8rem;
}
.y-invitation-bottom{
    margin-bottom: 60px;
    width: 100%;
    height: 85px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../image/y-task-bottom.png);
}
.y-tuhao-go-back2{
    position: fixed;
    top: 25px;
    left: 0;
}
.y-tuhao-go-back2 i{
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(../image/y-tuhao-go-back2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
/*VIP首页*/
.y-vip-top{ background-image: url(../image/yearvip-top.png); height: 160px; width: 100%; background-size: 58%; background-repeat: no-repeat; background-position: center 30px}
.y-vip-mian{
    padding: 0px 5px 0px 0px; margin: 0;
    background-image: url(../image/yearvip-bg.png);background-repeat: repeat-x; background-position: top ;
}
.y-vip-mian h1{ margin: 0; padding: 0}
.y-vip-mian li{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding-left: 20px;
    width: 100%;
    position: relative;
}
.y-vip-mian li:after{ content: ''; left: 110px;  height: 1px; background: #e5e5e5; right: 0; position: absolute; bottom: -7px; }
.y-vip-mian li:last-child:after{height: 0}
.y-vip-title{
    width: 76%;
    padding-left: 20px;
}
.y-vip-title span{
    padding-bottom: 5px;
    display: block;
    font-size: 16px;
    color: #c87b04;
    font-weight: bold;
}
.y-vip-img{
    width: 70px;
    height: 70px;
    display: inline-block;
    background: url(../image/vip-img.png) no-repeat;
    background-position: -9px -14px;
    background-size: 90px;
}
.hg_vip{
    width: 70px;
    height: 70px;
    display: inline-block;
    background: url(../image/hg_vip.png) no-repeat;
    background-size: 60px;
}
#y-vip-img1{ background-position: -9px -102px; }
#y-vip-img2{ height:91px; background-position: -9px -189px; }
#y-vip-img3{ background-position: -9px -287px; }
#y-vip-img4{ background-position: -9px -369px; }
.y-vip-paymenu{
    text-align: center;
    padding: 15px 50px;
    background-color: #ea930d;
    margin: 0 25px 0 25px;
    border-radius: 10px;
}
.y-vip-paymenu a{
    color: #fff;
}


/*送礼物*/
.gift-bg ,.gift-bg1{width: 100%;height: 100%; background:rgba(0,0,0,0.8); position: fixed;
    top:0; bottom: 0;left: 0;right: 0;z-index: 2221}
.send-gift{ position: fixed; bottom: 0; left: 0; right: 0; background:#fff; z-index: 2222}
#gift-close-top { border:10px solid rgba(0, 0, 0, 0.81); background:#FF6F74;}

.l-fixed {position: fixed !important; height: 100%; overflow: hidden;}
.gift-close{ position: absolute; right: 15px;  font-size: 26px; font-weight: 500; width: 50px; height: 50px; border: 10px solid #333333; line-height: 25px;text-align:center; border-radius: 50px; top: -35px; color: #121212; }
.send-gift h2 ,.send-gift h3{ font-size: 14px; color: #515151; padding:0 15px; height: 40px;  margin: 0; display: flex; align-items: center; justify-content: space-between}
.send-gift h3 span{ color: #ff9a03; font-weight: normal;}
.send-gift h2{ height: 50px; }
.send-gift h2 a{  display: block; padding: 4px 13px;  font-weight: normal; font-size: 12px; border-radius: 20px}
.send-gift h2 span{ color: #ff6f6f; font-size: 13px; font-weight: 500}
.send-gift h2 span .gift-recharge{ padding: 2px 5px; color: #fff; border-radius: 6px; margin-left: 5px}
.send-gift .gift_num{width: 101px;line-height: 26px;overflow: hidden; font-weight: normal; position: absolute; left: 50%; margin-left: -50px;}
#balance{ position: absolute;right: 18px; line-height: 28px}
.send-gift .gift_num em{display: block;height: 28px;width: 30px;float: left;color: #7A7979;text-align: center;cursor: pointer; font-weight: 600 }
.send-gift .gift_num em img{ width: 26px}
.send-gift .gift_num .num{display: block;float: left;text-align: center;width: 40px;font-style: normal;font-size: 15px;font-weight: 600;  border: 0; padding: 0; margin: 0; height: 26px;}
.send-gift .gift_num input[type=text]{color: #fff!important; background-color: #ff9a03;}

.send-gift .gift_num input:disabled, input[disabled]{  color: #fff;  -webkit-text-fill-color: #fff;  -webkit-opacity:1;  opacity: 1;  }
.send-gift .gift_num em.add{float: right;border-left: 2px solid #fff}
.send-gift .gift_num em.jian{border-right: 4px solid #fff}
.send-gift .send-btn{height: 35px; line-height: 35px;  margin:8px 15px 15px 15px; border-radius: 20px; text-align: center; color: #fff; font-size: 13px}
.send-gift .send-btn a{ color: #ffffff}
.send-gift .send-btn var{ font-style: normal}
.send-gift-hank{ height: 80px; position: absolute; right: 15px;  top: -68px;}
.send-gift-hank img{ height: 80px; }
.gift-list{ margin: 0 10px}
.gift-list .mui-segmented-control.mui-scroll-wrapper ,.gift-list .mui-segmented-control.mui-scroll-wrapper .mui-scroll{ height: 165px}

.gift-list  .gift-pic{ background-image: url(../image/gift-pic.png);  background-size: 180px; }
.gift-list .gift-listLi:nth-child(1) .gift-num{ width: 70px; height: 70px; padding: 8px;display: block;background-color: #ffe8b6; border-radius: 50%}
.gift-list .gift-listLi:nth-child(2) .gift-num{ width: 70px; height: 70px; padding: 8px;display: block;background-color: #c7f7ff; border-radius: 50%}
.gift-list .gift-listLi:nth-child(3) .gift-num{ width: 70px; height: 70px; padding: 8px;display: block;background-color: #d4f7cb; border-radius: 50%}
.gift-list .gift-listLi:nth-child(4) .gift-num{ width: 70px; height: 70px;padding: 8px; display: block;background-color: #f3e3ff; border-radius: 50%}
.gift-list .gift-listLi:nth-child(5) .gift-num{ width: 70px; height: 70px;padding: 8px; display: block;background-color: #ffe6ec; border-radius: 50%}
.gift-list .gift-listLi:nth-child(6) .gift-num{ width: 70px; height: 70px; padding: 8px;display: block;background-color: #ffe8b6; border-radius: 50%}
.gift-list .gift-listLi:nth-child(7) .gift-num{ width: 70px; height: 70px; padding: 8px;display: block;background-color: #c7f7ff; border-radius: 50%}
.gift-list .gift-listLi:nth-child(8) .gift-num{ width: 70px; height: 70px; padding: 8px;display: block;background-color: #d4f7cb; border-radius: 50%}
.gift-list .gift-listLi:nth-child(9) .gift-num{ width: 70px; height: 70px;padding: 8px; display: block;background-color: #f3e3ff; border-radius: 50%}
.gift-list .gift-listLi:nth-child(10) .gift-num{ width: 70px; height: 70px;padding: 8px; display: block;background-color: #ffe6ec; border-radius: 50%}
.gift-list .mui-segmented-control.mui-scroll-wrapper .gift-listLi{ padding: 5px 5px 0 5px; display: inline-block; position: relative; margin-top: 30px;}
.gift-list p{ padding: 0; margin: 0; height: 22px; line-height: 22px; font-size: 12px}
.gift-list .gift-name{ padding-top: 5px;line-height: 18px; }
.gift-list .gift-gold{ color: #ff9a03;line-height: 18px; height: 18px}
.gift-list .gift-fans-point{ color: #fff;
    line-height: 18px;width: 100%;left: 0;
    height: 18px;opacity: 0;
    top:-13px;
    font-size: 10px; position: absolute;
    border-radius: 6px;  }
.gift-listLi.active .gift-fans-point{opacity: 1}
.gift-list .gift-num{ width: 62px; height: 62px; position: relative }
.gift-list .gift-num span{ font-size: 11px; font-weight: 200; color: #fff; opacity: 0;width: 100%; height: 20px; line-height: 20px; position: absolute;
    top: 50px; left: 0; border-radius: 0 0 5px 5px;}
.send-gift .mui-segmented-control.mui-segmented-control-inverted .gift-listLi.active{
    border-radius: 8px;
}
.send-gift .mui-segmented-control.mui-segmented-control-inverted .gift-listLi.active .gift-num{
    border-radius: 8px; box-sizing: border-box;
}
.send-gift .mui-segmented-control.mui-segmented-control-inverted .gift-listLi .gift-num img{ width: 100%}
.send-gift .mui-segmented-control.mui-segmented-control-inverted .gift-listLi.active .gift-num span{  opacity: 1}
.gift-bg.hidden ,.gift-bg1.hidden{ opacity: 0; display: none}
.float-bar.send-gift.hidden {  -webkit-transform: translate3d(0, 150%, 0);  transform: translate3d(0, 150%, 0);  }
.send-gift .send-btn-disabled{background-color: #9c9c9c;}
.huniang-mascot{  position: fixed;  bottom: 257px;  left: 18px;  right: 0;  width: 90%;  z-index: 2222;}
.float-bar.huniang-mascot.hidden {  -webkit-transform: translate3d(-100%, 200%, 0);  transform: translate3d(-100%, 200%, 0);  }
.float-bar.huniang-mascot.hidden img{ opacity: 0}
.huniang-mascot img{ width: 100%}


.fans-rank-mascot{  position: fixed;  top:0;   right: 10px;  width: 100px;  z-index: 2222;}
.float-bar.fans-rank-mascot.hidden {  -webkit-transform: translate3d(200%, 200%, 0);  transform: translate3d(200%, 200%, 0);  }
.float-bar.fans-rank-mascot.hidden img{ opacity: 0}
.fans-rank-mascot img{ width: 100%}
.success-gift-img{  position: fixed;  bottom: 50%;  margin-bottom: -7px;  width: 100px;  height: 100px;  left: 50%;  margin-left: -50px;  z-index: 2223;  }
.success-gift-img img{ width: 100%;height: 100%}
.float-bar.success-gift-img.hidden {  transform: scale(0.1);  -webkit-transform: scale(0.1);  opacity: 0;  }
.success-bg{ background-image:url(../image/dashang-success.png); background-repeat: no-repeat; width: 160px; height: 175px; background-size: 100% ; position: fixed;
    bottom: 50%;  margin-bottom: -80px;  left: 50%;  margin-left: -80px; z-index: 2222;}
.success-bg p{  font-size: 14px; width: 100%;  position: absolute; bottom: 0; height: 25px; line-height: 25px; padding: 0 10px; background: #fc4347; color: #fff; text-align: center; border-radius: 6px;}
.float-bar.success-bg.hidden {  -webkit-transform: translate3d(0, 250%, 0);  transform: translate3d(0, 250%, 0);opacity: 0  }

#y-success-bg{
    background-image:url(../image/y-doublebackground.png);
    background-repeat: no-repeat;
    width: 160px;
    height: 175px;
    background-size: 100%;
    position: fixed;
}

.but_text .btn-item{  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;  text-align: center;  }
.but_text .btn-sub{ color: #515151;/*border-top: 1px solid #f1f1f1;*/ position: relative; font-size:14px; margin-left:5px; }

.but_text .btn-sub .icon-gift{  width: 18px;  margin-left: 3px;  height: 20px;  display: inline-block;  vertical-align: top; background-image: url(../image/gift.png); background-position: center; background-repeat: no-repeat; background-size: 16px; margin-top:2px;  }
.but_text:after{ content: ''; position: absolute; width: 100%; height: 1px;  left:0; top: 1px; background: #f2f2f2;z-index: 0 }
#sendgift{
    position: relative;
}
.l-fixed {position: fixed !important; height: 100%; overflow: hidden;}


.l-user-img { width: 50px; height: 50px; background-color: #ccc; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.l-user-img img {max-width: 100%; width: 100% !important; height: 100% !important;}
.detail-footer-info{ background: #ffffff ; width: 100%; margin: 0 !important; padding-top: 6px;}
.l-gift-list .gift-user-list { justify-content: start !important;}
.l-gift-list .gift-user-list li { }
.l-gift-list .community-detail-comment-title { border-bottom: none !important}
.community-detail-content {  padding: 6px 15px 20px 15px;  background-color: #ffffff;  border-bottom: 5px solid #f2f1f1;  }
.community-detail-comment {  margin: 30px auto;  overflow: hidden;  background-color: #ffffff;  width: 100%;}
.community-detail-comment-title {  padding: 5px 15px; height: 40px;line-height: 25px;  color: #666;  font-size: 14px;   position: relative }
.community-detail-comment-title span {  padding: 0;  color: #888;font-size: 12px;  }
.community-detail-comment-dl {  margin: 30px auto;  }
.community-detail-comment-dd {  width: 100%;  height: auto;  overflow: hidden;  margin: 0;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  padding: 6px 15px;  }
.community-detail-comment-dd:last-child {  border-bottom: none;  }
.community-detail-comment-title i{  font-style: normal; font-size: 16px; font-weight: 900;  background: url(../image/reward.png) no-repeat;  background-size: 18px;  padding-left: 24px;  background-position: 0px 4px; color: #121212  }
.detail-footer-info{ background: #ffffff ; width: 100%; margin: 0 !important; padding-top: 6px;}
.detail-footer-info a:active{ color: #fff}
.detail-footer-info ul{ padding: 0; margin: 0 ;}
.gift-user-list{ border-bottom: 6px solid #f2f1f1;}
.detail-footer-info .gift-user-list{ border: 0;  width: 100%;  display: flex;  justify-content: space-between;  flex-direction: row;  flex-wrap: wrap;  padding: 0 15px 0px 15px; margin-bottom:-5px;  overflow: hidden;}

.detail-footer-info .gift-user-list li{text-align: center; width:20%;position: relative;  border-radius: 5px; padding-top: 9px;}
.detail-footer-info .gift-user-list li .fensizhi {  position: absolute; font-size: 10px; height: 20px; background: #fde23d; line-height: 20px; text-align: center; color: #000;  width: 60%; border-radius: 20px;
    bottom: 30px; left: 50%;  transform: translateX(-50%) translateY(-50%) scale(.8);}
.detail-footer-info .gift-user-list li p{ color: #000;margin-top:-10px; margin-bottom:5px; margin-right:0; -webkit-box-flex: 1;
    transform:scale(0.9);
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0 }