/*粉丝互动页*/
.cheertabcont { display: none; }

.cheertabdiv { position: absolute; top: -.5rem; left: .22rem; font-size: .25rem; }
.cheertabdiv span { display: inline-block; float: left; text-align: center; background: #FFF; height: .5rem; line-height: .5rem; margin: 0 .02rem; width: 1.35rem; border-radius: .1rem .1rem 0 0; color: #FFF; }
.cheertabdiv .ttab_01 { background: #d290bd; }
.cheertabdiv .ttab_02 { background: #a48fc2; }
.cheertabdiv .ttab_03 { background: #ed7a72; }
.cheertabdiv .ttab_04 { background: #99cb6a; }
.cheertabdiv .ttab_05 { background: #ffc600; }
.cheertabdiv .ttab_06 { background: #f3a16b; }
.cheertabdiv .currenttab { background: #FFF; color: #ff6000; border: 1px solid #E5E5E5; border-bottom: none; }


.cheercontent { background: #FFF; z-index: 10; position: absolute; border-radius: .1rem; width: 100%; font-size: .25rem; top: .5rem; }
.cheercontent .cheertitle { font-size: .3rem; text-align: center; color: #ff6000; }
.cheercontent .cheerclosed { position: absolute; width: .55rem; height: .57rem; right: .1rem; top: .1rem; background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -35.79rem; background-size: 1rem auto; }
.cheercontent .fontclose { position: absolute; width: .55rem; height: .57rem; right: .1rem; top: .1rem; font-size: .57rem; color: #bbb; }
.starMark { margin: .4rem 0; padding-left: 1.45rem; }
.starMark span { display: inline-block; float: left; width: .65rem; height: .6rem; background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -37.2rem; background-size: 1rem auto; margin: 0 .1rem; }
.starMark .marksolid { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -36.5rem; background-size: 1rem auto; }
.cheercontent .cheerwords { text-align: center; color: #666; margin: .2rem 0; padding: .15rem 0; border-radius: .3rem; background: #E5E5E5; }
.cheertop { padding-bottom: .2rem; }
.evalticket { padding: .1rem; color: #666; }
.evalticket .balticket { margin: .15rem 0; }
.evalticket .balticket span { color: #32cd32; font-size: .3rem; }
.evalticket .balticketless { margin: .15rem 0; }
.evalticket .balticketless span { color: #ff0000; font-size: .3rem; }
.evalticket .balxxcoins { margin: .15rem 0; }
.evalticket .balxxcoins span { color: #32cd32; font-size: .3rem; }
.evalticket .balxxcoinsless { margin: .15rem 0; }
.evalticket .balxxcoinsless span { color: #ff0000; font-size: .3rem; }
.cheercontent .conttop { padding: .2rem; margin-top: .1rem; }
.cheercontent .contbottom { padding: .25rem .2rem; background: #e5e5e5; border-radius: 0 0 .1rem.1rem; color: #999; margin-top: .15rem; }
.cheercontent .contbottom .bottomtitle { color: #666; height: .5rem; line-height: .5rem; padding-left: .5rem; }
.cheercontent .contbottom .title_01 { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -38.35rem; background-size: 1rem auto; }
.cheercontent .contbottom .title_02 { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -39.3rem; background-size: 1rem auto; }
.cheercontent .contbottom .title_03 { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -39.85rem; background-size: 1rem auto; }
.cheercontent .contbottom .title_04 { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -38.85rem; background-size: 1rem auto; }
.cheercontent .contbottom .title_05 { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -37.9rem; background-size: 1rem auto; }
.cheercontent .contbottom .title_06 { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -49.21rem; background-size: 1rem auto; }
.cheercontent .contbottom .title_07 { background: url(../NewCss/image/pic.png?v=20160203) no-repeat left -49.9rem; background-size: 1rem auto; }
.monthlypop { top: 0; }

.cheercontent .contbottom p { line-height: .4rem; margin-top: .05rem; font-size: .22rem; }
.giftnum { margin: .4rem 0; }
.giftnum .giftnumdiv { float: left; width: 2.2rem; text-align: center; height: .5rem; line-height: .5rem; border: 1px solid #ff8834; margin: .05rem; border-radius: 2rem; }
.giftnum .giftnumdiv span { font-size: .35rem; }
.giftnum .selected { background: #e5e5e5; }
.evalwords { color: #ff6000; font-size: .23rem; }

/*已加油*/
.hasCheeredpop { position: absolute; background: #f4f4f4; width: 4rem; height: 2.5rem; left: 1.7rem; top: 1.8rem; border-radius: .2rem; border: 1px solid #999; box-shadow: 0 0 10px #666; text-align: center; color: #666; }
.hasCheeredpop .cheerbg { height: 1rem; margin-top: .2rem; background: url(../NewCss/image/pic.png?v=20160203) no-repeat center -40.4rem; background-size: 1rem auto; }
.hasCheeredpop .fansvalue { margin-top: .2rem; color: #999; font-size: .2rem; }
.hasCheeredpop .fansvalue span { color: #087bc0; font-size: .3rem; }
.monthlypay { padding-left: .02rem; }
.monthlypay .monthlydiv { float: left; width: 2.1rem; height: 1.2rem; border: 2px solid #ff8834; border-radius: .1rem; margin: .1rem; text-align: center; padding: .1rem 0; }
.monthlypay .monthlydiv .monthlytitle { font-size: .3rem; width: 2.0rem; border: 0px solid; text-align: center; }
.monthlypay .monthlydiv .monthlyprice { color: #999; font-size: .25rem; margin-top: .05rem; }
.monthlypay .monthlydiv .monthlysave { color: #ff6000; margin-top: .05rem; }
/*.monthlypay .actived { background: #E5E5E5; }*/
.monthlypaycont { }
.monthlypaycont .mondetaillist { color: #999; font-size: .25rem; margin: .2rem 0; padding: 0 .1rem; }
.monthlypaycont .mondetaillist span { font-size: .3rem; }

/*开通包月*/
.subspoptitle { font-size: .3rem; text-align: center; color: #333; }
.substitle { height: .7rem; line-height: .7rem; padding: 0 .1rem; color: #999; }
.substitle span { color: #32cd32; font-size: .35rem; }
.substitleless { height: .7rem; line-height: .7rem; padding: 0 .1rem; color: #999; }
.substitleless span { color: #ff0000; font-size: .35rem; }
.substitle .insufficient { color: #ff6000; }
.subscribebtn { margin-top: .5rem; }
.subsconfirm { color: #4fc2f1; font-size: .3rem; }
.pricebtn { text-align: center; height: .9rem; line-height: .9rem; border-radius: .1rem; margin-top: .3rem; font-size: .3rem; }
.pricebtn .pricedetail { font-size: .25rem; color: #999; }
.monthlypaycont { padding: 0 .15rem; padding-bottom: .3rem; }
.tagslabel { font-size: .25rem; color: #666; border: 1px solid #DDD; border-radius: .08rem; padding: .2rem; margin-top: .2rem; }

.specialprice { padding: 0 .5rem; padding-bottom: .7rem; }
.specialprice .mondetaillist { color: #999; font-size: .4rem; margin: .2rem 0; padding: 0 .1rem; }
.specialprice .mondetaillist span { font-size: .4rem; }

/*6月16 ios加油页调整*/
.cheertabdiv2 span { display: inline-block; float: left; text-align: center; background: #FFF; height: .5rem; line-height: .5rem; margin: 0 .02rem; width: 1.7rem; border-radius: .1rem .1rem 0 0; color: #FFF; }
.bookfans { font-size: .3rem; height: 1rem; line-height: 1rem; margin: 0 .35rem; border-bottom: 1px solid #e5e5e5; }
.bookfans .bookname { float: left; width: 5rem; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; }
.bookfans a { float: right; font-size: .28rem; color: #4fc2f1; }
.tit_update { color: #CCC; float: none; font-size: .23rem; margin-right: .3rem; }
.fansnums { padding: .3rem 0; font-size: .28rem; }
.fansnums .fansnumbers { float: left; width: 49%; text-align: center; }
.fansnums .fansnumbers .fans { font-size: .45rem; }
.addfans { color: #999; }
.addfans span { color: #fd6c14; }
.fansroll { font-size: .28rem; margin-top: .2rem; }
.fansroll .fanslist { height: 1rem; line-height: 1rem; border-bottom: 1px solid #E4E4E4; color: #666; }
.fansroll .fanslist span { float: left; display: inline-block; }
.fansroll .fanslist span.rank { float: right; }
.fansroll .fanslist .totalfans { }
.fansroll .fanslist .username { width: 3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: .2rem; }
.fansroll .fanslist .rankbg { width: .8rem; height: 1rem; text-align: center; }
.fansroll .rankNo1 { color: #b2881a; background: url(/NewCss/rankno1.gif) repeat-y; background-size: 6rem auto; }
.fansroll .rankNo2 { color: #9aa4aa; background: url(/NewCss/image/rankno2.gif) repeat-y; background-size: 6rem auto; }
.fansroll .rankNo3 { color: #d3ba85; background: url(/NewCss/image/rankno3.gif) repeat-y; background-size: 6rem auto; }
.fansroll .actived { background: #91d7f3; color: #FFF; }
.fanslistfixed { position: fixed; z-index: 9; height: 1rem; width: 92%; bottom: 0; background: #90d6f3; line-height: 1rem; color: #FFF; font-size: .28rem; padding: 0 .3rem; }
.fanslistfixed span { float: left; display: inline-block; }
.fanslistfixed span.rank { float: right; }
.fanslistfixed .rankbg { width: .8rem; height: 1rem; }
.fanslistfixed .username { width: 3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: .2rem; }

.contribution { font-size: .28rem; margin: 0 .2rem; border-bottom: 1px solid #E4E4E4; padding-bottom: .3rem; }
.contribution .username { float: left; color: #4fc2f1; margin: .2rem 0 0 .1rem; width: 2.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.contribution .bookfansval { float: right; width: 4.5rem; font-size: .25rem; }
.contribution .bookfansval .fansval { float: left; color: #666; padding: 0 .1rem; }
.contribution .bookfansval .fansval span { color: #fd6c14; }
.contrbottom { font-size: .23rem; padding: .4rem .2rem; color: #CCC; }
.contrbottom ul { padding: 0 .5rem; }
.contrbottom ul li { line-height: .4rem; list-style: disc; }
.contrbottom ul a { color: #4fc2f1; }

.nofans { float: left; padding-left: .2rem; border-left: 1px solid #EEE; font-size: .25rem; }
.nofans .notfans { color: #666; font-weight: bold; }
.nofans .moreSkill { margin-top: .1rem; }
.nofans .moreSkill a { color: #4fc2f1; }

/*2016-9-6 新版加油页*/
.booknametitle { font-size: .3rem; margin-top: .4rem; }
.booknametitle .booknamediv { float: left; color: #b7b7b7; font-size: .25rem; }
.booknametitle .bookname { width: 4.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .34rem; color: #666; margin-bottom: .06rem; }
.booknametitle .bookranks { float: right; }
.booknametitle .bookranks .ranks { float: left; text-align: center; margin-right: .5rem; }
.booknametitle .bookranks .ranks .ranked { font-size: .4rem; color: #fd6c14; }
.booknametitle .bookranks .ranks .votes { font-size: .25rem; color: #999; }
.monthlyTic { font-size: .3rem; margin-top: .3rem; }
.monthlyTic span { display: inline-block; width: 22.8%; float: left; text-align: center; height: .65rem; line-height: .65rem; color: #fd6c14; border: 1px solid #fd6c14; margin: .1rem .05rem; border-radius: .5rem; }
.monthlyTic span.actived { color: #FFF; background: #fd6c14; }
.monthlyTic span.undetermined { width: 73%; }
.monthlywords { font-size: .28rem; color: #666; margin-top: .2rem; }
.monthlywords .monthlyleft { float: left; }
.monthlywords .monthlyright { float: right; }
.monthlywords .monthlyright span { color: #fd6c14; }
.monthlynull { width: 100%; height: 100%; background: #FFF; padding: 3rem 0; }
.monthlynull .nullbg { background: url(/NewCss/image/monthlynull.png) no-repeat center top; background-size: 2rem auto; color: #999; font-size: .3rem; text-align: center; padding-top: 2rem; }

.cheertabcont .areward { margin: .2rem; height: 2.7rem; }
.cheertabcont .areward .arewarditem { width: 33.3%; float: left; height: 100%; background: url(/NewCss/image/arewardline.png) repeat-x center bottom; text-align: center; padding-top: .1rem;}
.cheertabcont .areward .acurrent { background: url(/NewCss/image/arewardactived.png) no-repeat center bottom; background-size: 3.5rem auto; opacity: 1; }
.cheertabcont .conttop { padding: 0 .3rem; }
.cheertabcont .contbottom { color: #CCC; font-size: .23rem; padding: .25rem .2rem; }

.cheertabcont .areward .acurrent .words { font-size: .35rem; color: #666; }
.arewardconttop { padding-bottom: .3rem; display: none; }
.arewarded span.undetermined { width: 47.9%; }
.arewardtitle { font-size: .3rem; color: #666; height: 1rem; line-height: 1rem; }
.arewardtitle span { color: #fd6c14; }

.noupdated { float: right; color: #4fc2f1; font-size: .25rem; margin-right: .2rem; }
.reward { float: right; color: #b7b7b7; width: 1.8rem; text-align: center; font-size: .28rem; }
.contrbottom2 { font-size: .28rem; padding: .2rem 0; color: #666; }
.contrbottom2 .recvirecord { margin-bottom: .1rem; /*padding-left: .6rem;*/ font-size: .32rem; height: .6rem; line-height: .6rem; }
.contrbottom2 .recordlist { height: .55rem; line-height: .55rem; }
.contrbottom2 .recordlist .username { float: left; color: #4fc2f1; margin-right: 10px; max-width: 2.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*.contrbottom2 .recordlist .username span{display: inline-block;float: left;}
.contrbottom2 .recordlist .username .name{max-width: 2rem;overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}*/
.contrbottom2 .recordlist .bestowed { float: left; }
.contrbottom2 .recordlist .bestowed span { color: #fd6c14; }
.contrbottom2 .recordlist .time { float: right; color: #b7b7b7; }

.contrbottom2 .flowers { background: url(/NewCss/image/recordicon.png) no-repeat left top; background-size: .5rem auto; }
.contrbottom2 .monthlyTic { background: url(/NewCss/image/recordicon.png) no-repeat left -.8rem; background-size: .5rem auto; margin-top: 0; }
.contrbottom2 .diamonds { background: url(/NewCss/image/recordicon.png) no-repeat left -1.6rem; background-size: .5rem auto; }
.contrbottom2 .xxcoins { background: url(/NewCss/image/recordicon.png) no-repeat left -2.4rem; background-size: .5rem auto; }
.contrbottom2 .evaluateTic { background: url(/NewCss/image/recordicon.png) no-repeat left -3.2rem; background-size: .5rem auto; }

.cheertabcont .areward{  margin:0 .2rem; height: 2rem;margin-top: .1rem;}
.cheertabcont .areward .arewarditem .flowers { width: 100%; height: 1.2rem; background: url(/NewCss/image/flowers.png) no-repeat center center; background-size: 1rem auto; }
.cheertabcont .areward .arewarditem .diamonds { width: 100%; height: 1.2rem; background: url(/NewCss/image/diamonds.png) no-repeat center center; background-size: 1rem auto; }
.cheertabcont .areward .arewarditem .xxcoins { width: 100%; height: 1.2rem; background: url(/NewCss/image/xxcoins.png) no-repeat center center; background-size: 1rem auto; }
.cheertabcont .areward .arewarditem .words { font-size: .3rem; color: #999; }
.cheertabcont .areward .acurrent .diamonds { background: url(/NewCss/image/diamonds-current.png) no-repeat center center; background-size: 1rem auto; }
.cheertabcont .areward .acurrent .xxcoins { background: url(/NewCss/image/xxcoins-current.png) no-repeat center center; background-size: 1rem auto; }
.cheertabcont .areward .acurrent .flowers { background: url(/NewCss/image/flowers-current.png) no-repeat center center; background-size: 1rem auto; }

.fansnums2 { padding: .3rem 0; font-size: .28rem; }
.fansnums2 .fansnumbers { float: left; width: 33%; text-align: center; }
.fansnums2 .fansnumbers .fans { font-size: .4rem; }
.addfans { color: #b7b7b7; }
.fansroll .rankNo1 { background: none; color: #666; }
.fansroll .rankNo1 .rankbg { background: url(/NewCss/image/rank123.png) no-repeat center top; background-size: .6rem auto; }
.fansroll .rankNo2 { background: none; color: #666; }
.fansroll .rankNo2 .rankbg { background: url(/NewCss/image/rank123.png) no-repeat center -1.1rem; background-size: .59rem auto; }
.fansroll .rankNo3 { background: none; color: #666; }
.fansroll .rankNo3 .rankbg { background: url(/NewCss/image/rank123.png) no-repeat center -2.1rem; background-size: .6rem auto; }
.fansroll .actived { background: none; color: #ff6508; }
.fansroll .fanslist .username { margin-left: .2rem; width: auto; }
.fansroll .fanslist .username a { display: inline-block; float: left; }
.fansroll .fanslist .username .name { max-width: 3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fansroll .fanslist .username .grade { color: #ff7929; margin-left: .1rem; }
.fansroll .fanslist .fanvalue { float: right; color: #b7b7b7; }
.fansroll .actived .fanvalue { color: #ff6508; }
.fanslist2 { height: 1.2rem; background: #f3f3f3; border-top: 1px solid #c1c1c1; line-height: 150%; padding-top: .3rem; color: #666; }
.fanslist2 .fixedleft { float: left; }
.fanslist2 .fixedleft .username { margin: 0; font-size: .4rem; }
.fanslist2 .fixedleft .username span{font-size: .28rem; color: #ff7929; display: inline-block; float: left;}
.fanslist2 .fixedleft .username .name{max-width: 2rem;overflow: hidden;white-space: nowrap; text-overflow:ellipsis; margin-right:5px; color: #666;font-size: .35rem;}
/*.fanslist2 .fixedleft .username span { float: none; font-size: .28rem; color: #ff7929; margin-left: 10px; }*/
.promotion { color: #b7b7b7; margin-top: .05rem; }
.fanslist2 .fixedright { float: right; text-align: center; }
.fanslist2 .fixedright .rank { color: #ff6508; font-size: .4rem; }
.fanslist2 .fixedright .fansvalue { margin-top: .05rem; color: #b7b7b7; }
.bookname .hadgotten { color: #b7b7b7; font-size: .25rem; }
/*.monthlyTic span.undetermined{ width: 48%;}*/
.monthlyTic { font-size: .35rem; margin-top: .3rem; }
.monthlyTic .giftnumdiv2 { display: inline-block; width: 22.8%; float: left; text-align: center; height: .65rem; line-height: .65rem; color: #fd6c14; border: 1px solid #fd6c14; margin: .1rem .05rem; border-radius: .5rem; }
.monthlyTic .giftnumdiv2.actived { color: #FFF; background: #fd6c14; }
.monthlyTic .giftnumdiv2.undetermined { width: 73%; }
.arewarded .giftnumdiv2.undetermined { width: 47.9%; }
.monthlyTic input { outline: none; -webkit-appearance: none; font-size: .35rem !important; height: .35rem !important; padding: .15rem 0 !important; }
.monthlyTic input::-webkit-input-placeholder { color: #fd6c14; }
.monthlyTic input.actived::-webkit-input-placeholder { color: #FFF; }
.monthlyleft .freegot { color: #b7b7b7; }
.thebookname { text-align: center; color: #fd6c14; font-size: .4rem; margin-top: .2rem; }
.cheertabcont .cheerclosed { position: absolute; width: .55rem; height: .57rem; right: .1rem; top: .1rem; background: url(/NewCss/image/pic.png) no-repeat left -35.79rem; background-size: 1rem auto; }
.cheertabcont .cheerwords { text-align: center; color: #666; margin: .2rem 0; padding: .15rem 0; border-radius: .3rem; background: #E5E5E5; font-size: .28rem; }
.cheertabcont .conttop { padding: 0 .2rem; }
.cheertabcont .conttop .starMark span { display: inline-block; float: left; width: 1rem; height: .8rem; background: url(/NewCss/image/starMark.png) no-repeat -1rem top; background-size: 2rem auto; margin: 0 .1rem; }
.cheertabcont .conttop .starMark .marksolid { background: url(/NewCss/image/starMark.png) no-repeat left top; background-size: 2rem auto; }
.cheertabcont .conttop .evalticket { font-size: .28rem; }
.cheertabcont .conttop .starMark { margin: .4rem 0; padding-left: .6rem; }
.contribution { font-size: .25rem; margin: 0; border-bottom: 1px solid #E4E4E4; padding-bottom: .3rem; color: #c1c1c1; }
.starMarksmall { float: left; width: 2.4rem; height: .5rem; }
.mark-5 { background: url(/NewCss/image/mark-stars.png) no-repeat center .1rem; background-size: 1.85rem auto; }
.mark-4 { background: url(/NewCss/image/mark-stars.png) no-repeat center -.57rem; background-size: 1.85rem auto; }
.mark-3 { background: url(/NewCss/image/mark-stars.png) no-repeat center -1.25rem; background-size: 1.85rem auto; }
.mark-2 { background: url(/NewCss/image/mark-stars.png) no-repeat center -1.9rem; background-size: 1.85rem auto; }
.mark-1 { background: url(/NewCss/image/mark-stars.png) no-repeat center -2.55rem; background-size: 1.85rem auto; }
.mark-0 { background: url(/NewCss/image/mark-stars.png) no-repeat center -3.2rem; background-size: 1.85rem auto; }
.listynull { width: 100%; height: 100%; background: #FFF; padding: 1rem 0; }
.listynull .nullbg { background: url(/NewCss/image/listnull.png) no-repeat center top; background-size: 2rem auto; color: #999; font-size: .3rem; text-align: center; padding-top: 1.5rem; }

.nofanspop { position: fixed; background: #FFF; z-index: 10; padding: .2rem 0 .5rem 0; top: 4rem; left: .5rem; font-size: .3rem; width: 6.5rem; border-radius: 5px; }
.nofanspop .tipstitle { text-align: center; color: #828282; font-size: .28rem; height: .6rem; line-height: .6rem; border-bottom: 1px dotted #dcdcdc; }
.nofanspop .tipstext { margin-top: .2rem; color: #999; margin: .2rem .45rem; color: #666; font-size: .3rem; }
.nofanspop .tipstext .notes { font-size: .23rem; margin-top: .2rem; color: #b7b7b7; }
.nofanspop .tipsbtn { margin-top: .2rem; padding: 0 .8rem; }
.nofanspop .tipsbtn input { width: 100%; height: .75rem; color: #FFF; border: none; background: #fd6c14; font-size: .3rem; border-radius: 5px; }
.closedpic { position: absolute; width: .8rem; height: .8rem; background: url(/NewCss/image/closedpic.png) no-repeat center center; background-size: .5rem auto; right: 0; top: 0; }

.fixedleft .logined { margin-top: .25rem; }
.fixedright .loginedbtn { width: 1.5rem; height: .75rem; background: #ff8834; color: #FFF; border: none; border-radius: 10px; margin-top: .1rem; font-size: .28rem; }
.fixedleft .gottenfans { color: #4fc2f1; margin-top: .05rem; }

/*浮动*/
.cheertabfixed { position: fixed !important; width: 100%; top: 46px; margin: 0; padding: 0 !important; z-index: 10; }
.bookfansfixed { position: fixed; width: 92%; top: 86px; background: #FFF; margin: 0; padding: 0 4%; z-index: 10; }
.whitemask { display: none; width: 100%; height: 1.8rem; position: fixed; top: 46px; background: #F4F4F4; }

/*点击样式*/
.btn_03 { background: #ffcd7e; color: #ffe6bd; }
.fanslist-clicked { background: #C5EEFF; }
.nameclicked { color: #C5EEFF !important; }

/*弹出*/
.nofanspop { position: fixed; background: #FFF; z-index: 10; padding: .4rem .25rem; top: 50%; left: 50%; font-size: .35rem; width: 5.6rem; border-radius: 5px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.nofanspop .tipstitle { text-align: center; }
.nofanspop .tipstext { margin-top: .2rem; color: #999; }
.nofanspop .tipstext p { font-size: .3rem; line-height: 180%; }
.nofanspop .tipstext .notes { font-size: .28rem; margin-top: .2rem; }
.nofanspop .tipsbtn { margin-top: .2rem; padding: 0 .3rem; }
.nofanspop .tipsbtn input { width: 100%; height: .75rem; color: #FFF; border: none; background: #fd6c14; font-size: .3rem; border-radius: 5px; }
.hascheered { position: fixed; background: #FFF; z-index: 10; padding: 0 .15rem; top: 50%; left: 50%; font-size: .3rem; width: 5rem; text-align: center; padding-bottom: .4rem; border-radius: 5px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.hascheered .closed { color: #9a9a9a; float: right; font-size: .5rem; }
.hascheered .cheerbtn { padding: 0 .2rem; margin-top: .2rem; }
.hascheered .cheerbtn input { width: 100%; height: .75rem; color: #FFF; border: none; background: #fd6c14; font-size: .3rem; border-radius: 5px; }
.hascheered .cheered { font-size: .35rem; }
.hascheered .addfansz { margin-top: .15rem; color: #999; }
.hascheered .cheereddiv { padding-top: .6rem; background: url(/NewCss/image/cheered.png) no-repeat center top; background-size: .5rem auto; }


.winningPop{background:url(../NewCss/image/popbg2.png) no-repeat left top #FFF;background-size:6rem auto; position: fixed; width: 6rem;  z-index: 10;left: 10%;top:8%;padding-top: 1rem;font-size: .28rem;}
.winningPop .receipt{text-align: center;color:#4fc2f1;font-size: .25rem;}
.winningPop .prizebtn2{ height: .6rem;margin-bottom: .2rem;padding-left:1rem;}
.winningPop .prizebtn2 input{height: .6rem;background: #ff8834; border: none; color: #FFF;border-radius:5px; font-size: .28rem; width:40%;}
.winningPop .addreceipt{padding: .2rem;}
.winningPop .addreceipt .textlist{font-size: .26rem; color: #666;margin-top:.2rem; }
.winningPop .addreceipt .textlist span{display: block; }
.winningPop .addreceipt .textlist input{height: .5rem;line-height: .5rem; border-radius:2px;border:1px solid #CCC; width: 100%;font-size: .25rem;}
.winningPop .addreceipt .textlist textarea{border-radius:2px;border:1px solid #CCC; width: 96%;height: 1rem;padding: 2%;font-size: .25rem;}
.winningPop .addreceipt .textlist .textleft{ width: 1.2rem;} 
.winningPop .closed{position: absolute;width: .3rem; height: .3rem; background: #f2f2f0;right: .1rem; top:.1rem; z-index: 11;font-size: .35rem;text-align: center;line-height: .3rem; color:#666;}
.winningPop .tendrawsgot{text-align: center;margin-bottom: .2rem;}
.winningPop .tendrawsgot span{color:#ff8834;margin-left:.2rem; }
.winningPop .prizenamelist{text-align: center; color:#ff8834; height: .4rem; line-height: .4rem;}
.winningPop  .fansnum{ color: #666;text-align: center;}
.winningPop .reconsump{padding: 0 1rem; text-align: center; color: #666;margin: .2rem 0;}
.winningPop .reconsump span{color:#4fc2f1;}
.winningPop .prizebtn{text-align: center;margin: .2rem 0;padding: 0 .6rem;}
.winningPop .prizebtn input{width:100%; height: .75rem;background: #ff8834; border: none; color: #FFF;border-radius:5px; font-size: .3rem;}
.winningPop .checkrecord{ color: #999; background: #f2f2f0;font-size: .28rem;padding:.25rem;}
.winningPop .checkrecord a{ color:#4fc2f1;}

/*M版为他加油20170316*/
.monthlyTic1 { font-size: .3rem; margin-top: .3rem; }
.monthlyTic1 div { display: inline-block; width: 22.8%; float: left; text-align: center; color: #333; border: 1px solid #DDD; margin: .1rem .05rem; border-radius: .1rem; padding: .1rem 0; }
.monthlyTic1 div.actived { color: #fd6c14; border: 1px solid #fd6c14; background: #FFF; }
.monthlyTic1 div.undetermined { width: 48%; }
.monthlyTic1 div p.num { font-size: .38rem; height:.45rem;line-height:.45rem; }
.monthlyTic1 div p.gifts { color: #ff5500; }
.monthlyTic1 div input.num { font-size: .38rem;height:.45rem;line-height:.45rem; }
.monthlyTic1 div input.gifts { color: #ff5500; }
.monthlyTic1 input { outline: none; -webkit-appearance: none; width: 90%; text-align: center; border: none; }
.monthlyTic1 div.actived input { color: #ff5500; }
.monthlyTic1 ::-webkit-input-placeholder { color: #333; font-size:.32rem; text-align:center;height:.45rem;line-height:.45rem; }
.monthlyTic1 div.actived ::-webkit-input-placeholder { color: #ff5500; }
.moninput ::-webkit-input-placeholder { font-size:.3rem; height:.4rem;line-height:.4rem;}
.moninput div { height:.45rem;line-height:.45rem;}
.thxhelp{ background: #ffd699;color: #FFF;padding: 0 .12rem;border-radius:.2rem;margin-left:5px; }

/*等级体系说明*/
.gradetable{padding: .2rem 0;}
.gradetable table{ font-size:.3rem; width: 100%;border-collapse: collapse; table-layout: fixed; border-spacing: 0px;}
.gradetable table td{text-align: center;font-size: .25rem;color: #999; border: 1px solid #CCC;padding:.1rem 0;word-wrap: break-word; word-break: break-all; overflow: hidden;}
.gradetable table th{ border: 1px solid #CCC;background: #f7fdff;padding:.15rem 0;font-weight:normal;word-wrap: break-word; word-break: break-all; overflow: hidden;}
.gradetable .thsectitle{font-size: .25rem;color: #999;}
.annotation{font-size: .25rem;color: #999;}
.getfansvalue{padding: .2rem 0;}
.getfansvalue a{ color: #00aeef; font-style: italic;font-size:.3rem;text-decoration: underline;}
.gradetitle{color: #333;font-size: .3rem;margin-top:.2rem; }
.gradetable .reward{padding: 0 .1rem;font-size: .28rem;width:auto;}
.mticketitle{font-size: .28rem; color: #999;}
.mticketitle .ticketit{font-weight: bold;margin-top: .2rem;font-size: .3rem; color: #333;}

/*加油弹出框*/
.cheersPop{position: absolute;background:#FFF; width: 7rem; z-index: 11;left:50%;top:50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);border-radius: .25rem;font-size: .3rem;text-align: center;padding: 0 0 1rem;}
.cheersPop .closed{float: right; margin: .2rem; width: .5rem;height: .5rem;background:url(image/redpkclosed1.png) no-repeat;background-size:.5rem auto;}
.cheersPop .cheertitle{height: 1rem;line-height: 1rem;background:url(image/cheertick.png) no-repeat 2rem center;background-size:1rem auto;padding-left: 1rem;font-size: .35rem;margin-bottom: .4rem;}
.cheersPop .cheertxt{margin-top:.2rem; color: #666;}
.cheersPop .cheertxt span{ color: #F60; }

/*global添加样式*/
.bottom_linedotted{ border-bottom:1px dotted #e5e5e5; }



/*打赏2018.5*/
.areward-sort{ border-bottom: 1px solid #E4E4E4; padding: .15rem 0 .2rem; line-height: .44rem; display: -webkit-box;-webkit-box-align:center;}
.areward-sort dl{ -webkit-box-flex:1;}
.areward-sort dt{ color: #333; font-size: .3rem;height: .44rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.areward-sort dd{ font-size: .28rem;height: .44rem; color: #666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.areward-sort .sort-month{ text-align: center; margin: 0 0 0 .2rem;}
.areward-sort .sort-month em{ font-style: normal; color: #fd6c14; display: block; font-size: .3rem;}
.areward-sort .sort-month span{ font-size: .23rem; color: #999; display: inline-block;}
.areward-list{ overflow: hidden; line-height: .44rem;}
.areward-list li{ float: left; width:33.33%; text-align: center; margin:.3rem 0 0; position: relative;}
.areward-list li p{ font-size: .28rem}
.areward-list li .name{ color: #666; margin:.1rem 0 0;}
.areward-list li .nums{ color: #fd6c14;}
.areward-list li .arewardicon{ display: block; margin: 0 auto; width: 1.7rem; height: 1.7rem; background:url(image/areward.png) no-repeat 0 0; background-size: auto 1.7rem}
.areward-list .active .arewardicon { border: 2px solid #fd6c14; border-radius: .15rem; -webkit-border-radius: .15rem; margin:-2px auto;}
.areward-list li .arewardicon-2{ background-position: -1.7rem 0}
.areward-list li .arewardicon-3{ background-position: -3.4rem 0}
.areward-list li .arewardicon-4{ background-position: -5.1rem 0}
.areward-list li .arewardicon-5{ background-position: -6.8rem 0}
.areward-list li .arewardicon-6{ background-position: -8.5rem 0}
.areward-list li .arewardicon-7{ background-position: -10.2rem 0}
.areward-list li .arewardicon-8{ background-position: -11.9rem 0}
.areward-list li .arewardicon-9{ background-position: -13.6rem 0}
.areward-list li .arewardicon-10{ background-position: -15.3rem 0}
.areward-list li .arewardicon-11{ background-position: -17rem 0}
.areward-list li .arewardicon-12{ background-position: -18.7rem 0}
.areward-list li .arewardicon-13{ background-position: -20.4rem 0}
.areward-list li .arewardicon-14{ background-position: -22.1rem 0}
.areward-list li .arewardicon-15{ background-position: -23.8rem 0}
.areward-list li .arewardicon-16{ background-position: -25.5rem 0}
.areward-list li .arewardicon-17{ background-position: -27.2rem 0}
.areward-list li .arewardicon-18{ background:url(https://images.xxsy.net/mxxsynet/biggifts/doupeng2.png) no-repeat 0 0; background-size: contain;}
.areward-list li .arewardicon-19{ background:url(https://images.xxsy.net/mxxsynet/biggifts/quanzhang2.png) no-repeat 0 0; background-size: contain;}
.areward-list li .arewardicon-20{ background:url(https://images.xxsy.net/mxxsynet/superdaoju/jiaren.png) no-repeat 0 0; background-size: contain;}
.areward-list li .arewardicon-img{ background: none}
.swiper-areward{ overflow:hidden; position:relative; padding:0 0 .5rem; color:#666;}
.swiper-areward .swiper-pagination{ bottom:0 !important;}
.swiper-areward .swiper-pagination-bullet{ border:1px solid #cccccd; background:#fff; opacity:1;}
.swiper-areward .swiper-pagination-bullet-active{ background:#cccccd;}
.areward-action-part{ text-align: center; margin:.2rem 0 0; color:#666; }
.areward-action-num span,.areward-action-num input{ line-height: .6rem; height:.6rem; text-align: center; vertical-align: top; display:inline-block;border:1px solid #fd6c14; background:#fd6c14; color:#fff;}
.areward-action-num .cost-num{ background:#fff; color:#333; width: 2rem; color:#666; font-size: .32rem;}
.areward-action-num .action-minus{ border-radius: .1rem 0 0 .1rem; font-size: .4rem; line-height: .56rem; width: .8rem;}
.areward-action-num .action-plus{ border-radius:0 .1rem .1rem 0; font-size: .4rem; line-height: .56rem; width: .8rem;}
.areward-action-num-dae {color: #03A9F4;display: inline-block;line-height: .58rem;height: .64rem;text-decoration: underline;}
.cost-xxb{ font-size: .28rem; margin:.2rem 0;}
.cost-xxb em{ font-style: normal; color:#fd6c14;}
.areward-action-part .rechargebtn{ background:#fd6c14;}
.areward-tips{ color:#666; margin:.2rem 0 0; border-bottom: 1px solid #E4E4E4; padding: 0 0 .3rem;}
.areward-tips dd{ line-height: .44rem;}
.areward-tips dd em{ font-style: normal; color:#fd6c14;}
.areward-tips ul{ margin:.15rem 0 0; color:#999;}
.areward-tips li{ font-size: .23rem; line-height: .38rem}
.areward-tips li a{ color:#4fc2f1;}
.commentlist .username .cheer-icon{ display: inline-block; font-style: normal; background:red; color: #fff; padding: 0 .1rem; margin: 0 0 0 .1rem; border-radius: .05rem;-webkit-border-radius: .05rem;}
.commentlist .username .cheer-icon-1{ background: #d290bd}
.commentlist .username .cheer-icon-2{ background: #ffc600}
.commentlist .username .cheer-icon-3{ background: #4fc2f1}
.commentlist .username .cheer-icon-4{ background: #6db063}
.commentlist .username .cheer-icon-5{ background: #ffa39a}
.commentlist .username .cheer-icon-6{ background: #fc8006}
.commentlist .username .cheer-icon-7{ background: #cb9bc5}
.commentlist .username .cheer-icon-8{ background: #ef90ba}
/*打赏2018.5 ios差异*/
.areward-action-ios{ line-height: .4rem; border-top: 1px solid #E4E4E4; padding: .1rem 0; text-align: left}
.areward-action-ios dd{ font-size: .28rem; display:-webkit-box; margin:.15rem 0;}
.areward-action-ios dd span{ display:block;}
.areward-action-ios dd .block-num input{ border:1px solid #f1f1f1; font-size: .28rem; text-align: center; color:#fd6c14; width: 1rem; line-height: .4rem; vertical-align: top; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius: .1rem;-webkit-border-radius: .1rem;}
.areward-action-ios dd .block-cost{-webkit-box-flex:1; text-align: center}
.areward-action-ios dd .block-piao{ color:#fd6c14;}
.areward-action-ios dd .block-btns{ display: none;}
.areward-action-ios dd .block-btns em{ display: inline-block; padding: 0 .1rem; background:#fd6c14; color: #fff; font-style: normal; margin: 0 0 0 .15rem; border-radius: .08rem;-webkit-border-radius: .08rem;}
.areward-action-ios .focus .block-cost,.areward-action-ios .focus .block-piao{ display: none;}
.areward-action-ios .focus .block-btns{ display: block;}
/*打赏2018.5 android差异*/
.cheertabdiv-android span{ width: 2.32rem;}
.cheerhistoty-Android span{ width: 1.7rem;}
.areward-action-android{ line-height: .4rem; text-align: left}
.areward-action-android dd{ margin:.15rem 0;display: -webkit-box;}
.areward-action-android dd em{ font-style: normal; color:#fd6c14;}
.areward-action-android dd .rest{ display:block; margin:0 0 0 .2rem;}
.scroll-notice{-webkit-box-flex:1;}
.scroll-notice .icon{ float: left; margin:.07rem .1rem 0 0; color:#fd6c14;}
.scrollwrap{height:.4rem;overflow:hidden;}
.scrollwrap .notice-list li{height: .4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.areward-list-action .active .name{ color:#fd6c14;}
.areward-list-action .active .arewardicon { border:none; -webkit-border-radius:0; margin:0 auto;}
.areward-list-action .active .areward-action-small span,.areward-list-action .active .areward-action-small input{border-color: #fd6c14; background:#fd6c14;}
.areward-list-action .active .areward-action-small .cost-num{ background:#fff; color:#666;}
.areward-action-small{ margin:.1rem 0 ;}
.areward-action-small span,.areward-action-small input{ line-height: .44rem; height:.44rem; padding: 0 .1rem; background:#cacaca; border-color:#cacaca;}
.areward-action-small .cost-num{ width: .45rem; color:#cacaca; font-size: .28rem;}
.areward-action-small .action-minus{ border-radius: .1rem 0 0 .1rem; font-size: .32rem; line-height: .38rem; width: .3rem;}
.areward-action-small .action-plus{ border-radius:0 .1rem .1rem 0; font-size: .32rem; line-height: .38rem; width: .3rem;}

/*2018.9.11打赏成功弹窗*/
.activity-tips{ text-align: center; font-size: .28rem; color: #ff0000; display: block; margin: .2rem 0 0;}
.cheer-success{display: none;position: fixed;top: 50%;left: 50%;width:6.7rem;background: #fff; border-radius:.2rem;-webkit-border-radius:.2rem;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 999;}
.cheer-success .icon-close{ color: #fff; position: absolute; top: .27rem; right: .2rem; font-size: .5rem}
.cheer-success .cheer-main .hd{ text-align: center; font-size: .34rem; font-weight: normal; color: #fff; background: #fd6c14; line-height: 1.1rem; border-radius:.2rem .2rem 0 0;-webkit-border-radius:.2rem .2rem 0 0;}
.cheer-success .cheer-main .bd{ padding: .25rem}
.cheer-success .up-detail{ text-align: center; font-size: .32rem;}
.cheer-success .up-detail span{ margin: 0 .2rem;}
.cheer-success .up-detail em{ font-style: normal; color: #fd6c14}
.cheer-success .up-textarea{ background: #f5f5f5; padding: .16rem;margin: .25rem 0}
.cheer-success .up-textarea textarea{ width: 100%; font-size: .28rem; border: none; line-height: .38rem; height: 1.14rem; background: none}
.cheer-success .up-textarea .word-left{ text-align: right; color: #d9d9d9; font-size: .24rem;}
.cheer-success .up-action{ overflow: hidden; }
.cheer-success .up-action .btn{ display: block; width: 3rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .3rem; color: #fff; border-radius: .15rem;-webkit-border-radius: .15rem;}
.cheer-success .up-action .btn-cancel{ float: left; background: #ccc}
.cheer-success .up-action .btn-send{ float: right; background: #fd6c14}


/*新版包月*/
.cl:after {content: '\20';display: block;height: 0;clear: both;}
.default-box { position: fixed; top: 50%; left: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 999; }
.default-box .icon {width: 1em;height: 1em;vertical-align: -0.1em;fill: currentColor;overflow: hidden;}
.default-box .icon-close { display: block; font-size: .56rem; color:#fff; margin:.3rem auto 0;}
.baoyue-box-main{ width:6.52rem; height:8.1rem; overflow:hidden; background:url(image/popbox-baoyue.jpg) no-repeat 0 0; background-size: 6.52rem 8.1rem; border-radius: .1rem; -webkit-border-radius: .1rem; }
.baoyue-info{ text-align: center; margin:.9rem 0 0;}
.baoyue-info dt{ font-size: .36rem; color:#131313; line-height: .36rem;}
.baoyue-info .remaining-sum{ font-size: .24rem; color:#929292; line-height: .5rem;}
.baoyue-info .remaining-sum span{color:#4fc2f1;}
.baoyue-info .activity-time{ height:.4rem; line-height: .4rem; color:#fff; font-size: .22rem; background:#4fc2f1;}
.monthlypay .monthlydiv { float: left; width:1.83rem; height:1.2rem; font-size: .22rem; margin:.36rem 0 0 .25rem; border: 1px solid #bfbfbf; border-radius: .05rem; text-align: center; padding: .12rem 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow: .05rem .05rem #bfbfbf; -webkit-box-shadow: .05rem .05rem #bfbfbf}
.monthlypay .monthlydiv .monthlytitle { font-size: .24rem; color:#131313; height:.3rem; display:block; text-align: center; width:1.8rem; border:none;}
.monthlypay .monthlydiv .monthlytitle::-webkit-input-placeholder{ color:#131313 }
.monthlypay .monthlydiv .monthlytitle:focus::-webkit-input-placeholder{color:transparent;}
.monthlypay .monthlydiv .monthlyprice { color: #9d9b9b;}
.monthlypay .monthlydiv .monthlysave { color: #f17d4f; margin-top: .05rem; }
.monthlypay .actived { border-color:#4fc2f1; box-shadow: .05rem .05rem #4fc2f1; -webkit-box-shadow: .05rem .05rem #4fc2f1}
.monthlypaycont2 .subscribebtn {margin-top: 0.9rem;}
.monthlypaycont2 .subscribebtn .pricebtn{ width:5.55rem; height:.75rem; line-height: .74rem; margin:.4rem auto .4rem; background:#4abbe9;background:linear-gradient( left, #9bdffb 0%, #4abbe9 100%);background:-webkit-linear-gradient( left, #9bdffb 0%, #4abbe9 100%); box-shadow:0 .05rem .09rem rgba(109,203,241,.65); -webkit-box-shadow:0 .05rem .09rem rgba(109,203,241,.65); }
.subscribebtn p{ text-align: left;color: #131313;font-size: .22rem;margin: 0 0.35rem;line-height: .36rem;}
.baoyue-pop-main{ color:#2c1b14; width:5.4rem; height:6.8rem; overflow:hidden; background:url(image/baoyue-rules.jpg) no-repeat 0 0; background-size: 5.4rem 6.8rem; border-radius: .1rem; -webkit-border-radius: .1rem; padding:1.3rem .58rem 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.baoyue-rules-main h3{ font-size: .3rem; text-align: center; margin:0 0 .3rem;}
.baoyue-rules-main p{ line-height: .4rem; text-indent: 2em; font-size: .26rem}
.baoyue-success-main{ font-size: .4rem; text-align: center;}
.baoyue-success-main h3{ margin:0 0 1rem; font-weight: normal}
.baoyue-success-main h4{ line-height: .6rem; font-weight: normal}
.baoyue-success-main p{ font-size: .24rem; color:#9b9b9b; margin:1rem 0 0;}


/*全屏道具*/
.fly-daoju-doupeng .icon-close{ color:#fff;}
.fly-daoju-quanzhang .icon-close{ color:#fff;}
.overWrap .scanTip {position: absolute;bottom: 1rem;text-align: center;width: 100%;color:#fff;}
.getAcertitle .askTip {color: #fff;display: inline-block;height: 0.26rem;width: 0.26rem;background: #ff0000;margin-left: 0.1rem;border-radius: 0.13rem;line-height: 0.26rem;}
/*打赏弹窗*/
.dashang-rules-main{ width:6.62rem; height:7.3rem; overflow:hidden; background:url(https://images.xxsy.net/mxxsynet/biggifts/popbox-dashang-rules.jpg) no-repeat 0 0; background-size: 6.62rem 7.3rem; border-radius: .1rem; -webkit-border-radius: .1rem; }
.dashang-rules-main .tit-flower{ color:#fd6c14; margin: .2rem 0; font-size: .36rem; text-align: center; font-weight: normal; background:url(https://images.xxsy.net/mxxsynet/biggifts/popbox-dashang-tit.png) no-repeat center center; background-size: 4.53rem .54rem; line-height: .54rem;}
.dashang-rules-main p{ font-size: .24rem; margin: 0 .4rem; line-height: .36rem;}
.dashang-success-main{ padding:1rem .62rem 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.dashang-success-main .active-daoju{ display:block; width: 1.7rem; height:1.7rem; margin: 0 auto; border:2px solid #fd6c14; border-radius: .1rem; -webkit-border-radius: .1rem; }
.dashang-success-main .tit-flower{ margin: .4rem 0 .6rem}